1. 程式人生 > 其它 >HTML——文字域

HTML——文字域

在 HTML 中,使用 <textarea> 標籤來表示多行文字框,又叫做文字域。與其它 <input> 標籤不同,<textarea> 標籤是單閉合標籤,它包含起始標籤和結束標籤,文字內容需要寫在兩個標籤中間。具體語法格式如下:

<textarea>文字內容</textarea>

  

例子:

<form action="http://vip.biancheng.net/register.php" method="post">
    描述資訊:<textarea name="description">此處是描述資訊</textarea>
</form>

  

———— 同所有表單元素相同,文字域要想正確提交,也必須設定 name 屬性。除了 name 屬性以外,文字域還有其它屬性,接下來我們看一下:

屬性:

1、cols屬性

cols 屬性用來指定每行可以顯示的字元數,也就是文字域的可見寬度。一般情況下,如果內容超出文字域寬度,會自動換行顯示,但是如果文字內容較長,而且在大於文字域寬度時,還沒有空格可以進行換行,就會出現橫向滾動條。

<textarea name="" id="" cols="30" placeholder="個人簡介"></textarea>

  

2、rows屬性

在文字域中,rows 屬性用來設定文字域的可見行數,也就是文字域的高度。當文字內容超出設定高度時,會出現縱向滾動條。使用者拖動滾動條可以檢視全部內容。

<p>
          <textarea name="" id="" cols="30" rows="10" placeholder="個人簡介"></textarea>
</p>