前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >实现textarea内换行

实现textarea内换行

作者头像
全栈程序员站长
发布2022-07-21 14:56:34
2.9K0
发布2022-07-21 14:56:34
举报

大家好,又见面了,我是你们的朋友全栈君。

为什么会出现这个问题呢?是因为我在做自己个人网站的留言板时,我想预设好textarea的值,像这样,让用户输入的时候直接另起一行!

这里写图片描述
这里写图片描述

不墨墨唧唧了,直接告诉你们,下面两种方法是没有用的。 1.企图在html里面加上<br />

代码语言:javascript
复制
<textarea cols="15" rows="8" id="Txt">To:夏尔<br /></textarea>

2.想用js给其value赋值/n

js确实有办法让它换行,但是多费事啊,好了,那么答案是什么呢?

这里写图片描述
这里写图片描述

很简单,利用html换行符&#10;&#13;

代码语言:javascript
复制
<textarea cols="15" rows="5">To:夏尔&#10;你好!&#13;再见!</textarea>

效果如下(这可不是我手动换行的啊):

这里写图片描述
这里写图片描述

如果,如果你连这个都搞不定,还好意思说自己对HTML精通吗? 多看点正经书!!!

这里写图片描述
这里写图片描述

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/124635.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年4月3,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档