html中textarea标签的换行

在textarea标签中经常会遇到换行操作，我们该如何获取textarea中的换行保存在数据库中，查看时展示到页面，修改时继续展示到textarea中。

在textarea中换行即使用回车键。

html代码：

<textarea id="gs" name="gs" placeholder="textarea说明 "></textarea>

js代码：

var gs = $("#gs").val();

gs = gs .replace(/\r\n/g, '<br/>').replace(/\n/g, '<br/>').replace(/\s/g, ' '); //转换格式

以上代码，我们将textarea中的每一行代码的换行符转换为<br/>保存到数据库中。

页面效果：

数据库中数据：

1、第一‘<br/>2、法国红酒’<br/>3、规划局快乐<br/>4、玩了。<br/>最后的结果。<br/>5、这书；<br/>6、一天天的；<br/>7、这是第七条；<br/>8、八条了，还没完；<br/>9、应该玩了吧；<br/>10，结束。

如果要将数据库保存的内容继续展示到textarea标签中

textarea换行的替换；

$("#gs").val(data.rows[0]['GS'].replace(/<br\/>/g,"\n").replace(/\&nbsp\;/g," "));

str = str.replace(/<br\/>/g,"\n").replace(/\&nbsp\;/g," ");

placeholder属性怎么实现换行：

发现\n换行以及<br/>都不行，

使用
是unicode字符中的换行符。

<textarea id="gs " name="gs " placeholder="1、textarea
2、success" ></textarea>

js直接设置textarea的placeholder属性值为'1、textarea\n2、success'也是可行的

document.querySelecor('gs ').setAttribute('placeholder','1、textarea\n2、success')

html中textarea标签的换行相关推荐

HTML阻止textarea标签回车换行
在textarea标签的onkeydown事件中,阻止回车的默认行为即可. <textarea onkeydown="if (event.keyCode === 13) event.p ...
textarea 标签内换行
3个方法回车 <textarea>文字文字文字文字文字</textarea> 用 js 获取 textarea 的内容,换行是 "\n" docu ...
html中哪个标签是换行,HTML-换行标签
1.换行标签单词缩写: break打断换在HTML中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后自动换行.如果希望某段文本强制换行显示,就需要使用换行标签语法: 小驴拉磨 ...
vue项目中textarea阻止默认换行事件
需求如下: textarea中,输入回车键时添加分号分析需求,分下面几步阻止默认回车换行获取值并添加分号 <!-- 此处使用了Vue语法中的事件修饰符 keydown.enter --&g ...
vue中textarea标签自适应高度
textarea.js文件 /** * 文本框根据输入内容自适应高度 * @param {HTMLElement} 输入框元素 * @param {Number} 设置光标与输入框保持的距离(默认0) ...
HTML中h标签和p标签,HTML 中 br 和 p 标签的区别是什么?
HTML 中 br 和 p 标签的区别是什么? 在 html 中 br 和 p 标签都可以实现文本的换行效果, 那么它们之间有什么区别吗? 下面本篇文章就来给大家介绍一下 br 和 p 标签的区别, ...
获取textarea标签中的换行符和空格
问题: 获取到textarea标签内的格式(换行符.空格)取到,存入数据库,展示的时候能够保留基本格式. 解决思路: IE9以上.FF.chrome的换行为\n, IE7-8的时候换行为\r\n,空格 ...
textarea标签中的换行符和空格
问题: 获取到textarea标签内的格式(换行符.空格),存入数据库,展示的时候能够保留基本格式. 解决思路: IE9以上.FF.chrome的换行为\n, IE7-8的时候换行为\r\n,空格都为 ...
textarea标签中的换行与空格问题
2019独角兽企业重金招聘Python工程师标准>>> 问题描述:textarea元素中编辑带有格式的文本,无法按照原格式输出.举个例子,一个页面有textarea元素,一个div, ...

html中textarea标签的换行

html中textarea标签的换行相关推荐

最新文章

热门文章