怎么获取textarea标签中的换行符和空格

小编给大家分享一下怎么获取textarea标签中的换行符和空格,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

驿城ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联公司的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18982081108(备注:SSL证书合作)期待与您的合作!

html textarea定义和用法:

html textarea的属性:

怎么获取textarea标签中的换行符和空格

HTML中的标签textarea的属性及用法:

1.cols,垂直列。在没有做样式表设置的情况下,它表示一行中可容纳下的字节数。例如cols=60,表示一行中最多可容纳60个字节,也就是30个汉字。另外要注意的是,文本框的宽度就是通过这个来调整,输入好cols的数值,然后再定义输入文字字体的大小(不定义的话,会采用默认值),那么文本框的宽度就确定了。

2.rows,水平列。表示可显示的行数,例如rows=10,表示可显示10行。超过10行,则需要拖动滚动条来浏览了。

3.name,文本框的名称,这项必不可省,因为存储文本的时候必须用到。

4.warp,当warp="off"表示该文本区域中不自动换行,当然不写默认是自动换行的。这个参数一般用得比较少。

5.style,这是个非常实用的参数,可以用来设置文本框的背景色,滚动条颜色及形式,边框色,输入字体的大小颜色等等。

6.class,一般用来调用外部css里边的设置。

获取textarea标签中的换行符和空格:

问题:获取到textarea标签内的格式(换行符、空格)取到,存入数据库,展示的时候能够保留基本格式。

解决思路:

IE9以上、FF、chrome的换行为\n, IE7-8的时候换行为\r\n,空格都为\s

所以需要利用replace把不同浏览器的\n和\r\n都替换为html代码的
,把\s空格替换为html的 

注:如果使用jQuery的val()获取textarea的值,取得的值是不含有回车(\r)字符的。但是如果该值是通过 XHR 传递给服务器的,回车(\r)字符会被保留(或者是被浏览器添加的,但是在原始数据中并不包含回车(\r))。

该例对\r和\r\n都做了replace替换,实际效果不受影响,只需要注意一下有区别。

代码如下:

html:



js:

document.getElementById("btn").onclick = function() {
var strContent = document.getElementById("text").value;
alert("处理前的strContent为\r\n"+strContent);
strContent = strContent.replace(/\r\n/g, '
'); //IE9、FF、chrome strContent = strContent.replace(/\n/g, '
'); //IE7-8 strContent = strContent.replace(/\s/g, ' '); //空格处理 alert("转换之后的html代码为\r\n"+strContent); document.getElementById("show").innerHTML = strContent; };

以上是怎么获取textarea标签中的换行符和空格的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


网站标题:怎么获取textarea标签中的换行符和空格
新闻来源:http://bzwzjz.com/article/jdhcpd.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 企业网站建设 成都网站建设公司 达州网站设计 成都商城网站制作 网站制作公司 营销型网站建设 成都定制网站建设 高端网站建设 高端品牌网站建设 专业网站设计 定制网站设计 网站制作报价 成都网站建设 宜宾网站设计 响应式网站设计方案 企业网站设计 成都h5网站建设 成都响应式网站建设公司 成都网站建设公司 成都网站建设 手机网站制作 网站建设公司