html textarea有哪些意思？怎样猎取textarea标签中的换行符和空

html textarea是啥意思？怎样猎取textarea标签中的换行符和空格？本篇文章主要给大家说说html textarea的定义和用途，还有属性的详解。

html textarea定义和用途：

<textarea>标签定义多行的文本输入控件。

文本区中可容纳无穷数目的文本，其中的文本的默许字体是等宽字体（平常是 Courier）。

可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不外更好的方法是使用 CSS 的 height 和 width 属性。

注释：在文本输入区内的文本行间，用 "%OD%OA" （回车/换行）停止分隔。

提醒：可以通过 <textarea> 标签的 wrap 属性设定文本输入区内的换行模式。

HTML <textarea> 标签实例：

<textarea rows="3" cols="20">

在百分百源码网，你可以寻到你所需要的所有的网站建设教程。

</textarea>

html 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代码的</br>，把\s空格更换为html的&nbsp

注：假如使用jQuery的val()猎取textarea的值，取得的值是不含有回车（\r）字符的。但是假如该值是通过 XHR 传递给效劳器的，回车（\r）字符会被保存（或者是被阅读器增加的，但是在原始数据中并不包括回车（\r））。

该例对\r和\r\n都做了replace更换，实际结果不受影响，只需要留意一下有不同。

代码如下：

html:

<textarea name="" id="text" cols="30" rows="3"></textarea>
<input type="button" id="btn" value="测试测试" />
<div id="show"></div>

js:

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

【相关引荐】

HTML中的lang属性是干嘛的呢？HTML中的lang属性有什么作用呢？

HTML5新增的构造元素是什么？HTML5新增的构造元素的用途（引荐）

以上就是html textarea是啥意思？怎样猎取textarea标签中的换行符和空格？的具体内容，更多请关注百分百源码网其它相关文章！