html textarea定義和用法：

textarea 標簽定義多行的文本輸入控件。

文本區中可容納無限數量的文本，其中的文本的默認字體是等寬字體（通常是 Courier）。

可以通過 cols 和 rows 屬性來規定 textarea 的尺寸，不過更好的辦法是使用 CSS 的 height 和 width 屬性。

注釋：在文本輸入區內的文本行間，用 %OD%OA （回車/換行）進行分隔。

提示：可以通過 textarea 標簽的 wrap 屬性設置文本輸入區內的換行模式。

HTML textarea 標簽實例：

textarea rows= 3 cols= 20

在php ，你可以找到你所需要的所有的網站建設教程。

/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、chromestrContent = strContent.replace(//n/g, br/ //IE7-8strContent = strContent.replace(//s/g, //空格處理alert( 轉換之后的html代碼為/r/n +strContent);document.getElementById( show ).innerHTML = strContent;};

【相關推薦】

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

HTML5新增的結構元素有哪些？HTML5新增的結構元素的用法（推薦）

以上就是html textarea是什么意思？如何獲取textarea標簽中的換行符和空格？的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。