htmltextarea的定义和用法：

Textarea标记定义了一个多行文本输入控件。

文本区域可以容纳无限多的文本，文本的默认字体是等宽字体(通常是Courier)。

Textarea大小可以由cols和row属性指定，但更好使用CSS高度和宽度属性。

注意：文本输入区的文本行用“%OD%OA”(回车/换行)分隔。

提示：您可以通过文本区域标签的换行属性来设置文本输入区域的换行模式。

HTMLtextarea标记示例：

textarearows=' 3 ' cols=' 20 '

在php中文网站上，可以找到你需要的所有网站建设教程。

/textarea

htmltextarea的属性：

tuyi.png

HTML中标签文本区域的属性和用法：

1.cols，竖排。它指示一行中可以容纳的字节数，而无需设置样式表。比如Cols=60，表示一行最多可以容纳60个字节，也就是30个汉字。另外，需要注意的是，文本框的宽度是通过这个来调整的。输入cols的值，然后定义输入文本的字体大小(如果没有定义，将采用默认值)，然后确定文本框的宽度。

2 .行，水平列。指示可以显示的行数。例如，rows=10意味着可以显示10行。超过10行，需要拖动滚动条浏览。

3.name，文本框的名称，必不可少，因为存储文本时必须使用。

4.warp，当warp='off '时表示文本区域不自动换行，当然如果不写，会自动换行。这个参数一般用的比较少。

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

6.class，通常用于调用外部css中的设置。

获取文本区域标签中的换行符和空格：

问题：获取textarea标签中的格式(换行符，空格)，获取，存储在数据库中，显示时保持基本格式。

解决方案：

更改IE9或更高版本、FF和chrome的行为\n，更改IE7-8的行为\r\n，并且所有空格都是\ s。

因此，您需要使用替换将不同浏览器的\n和\r\n替换为/br的html代码，并将\s空间替换为nbsp的html

注意：如果textarea的值是使用jQuery的val()获得的，那么获得的值不包含回车(\r)字符。但是，如果该值通过XHR传递到服务器，回车(\r)字符将被保留(或由浏览器添加，但回车(\r)不包含在原始数据中)。

在这个例子中，\r和\r\n都被替换了，实际效果不受影响，只需要注意区别。

代码如下：

html:

textarename=' id=' text ' cols=' 30 ' row=' 3 '/textarea

输入类型='按钮' id=' BTN '值='测试测试'/

divid='show'/div

js:

document.getElementById('btn ')。onclick=function(){

varstrContent=document . GetElementbyID(' text ')。价值；

alert(' strContent before processing为\ 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

};

本文转载自中文网站