HTML 表單文本域

2020-10-21 14:55 更新

HTML表單文本域

使用場景：當(dāng)用戶輸入內(nèi)容較多的情況下,我們就不能使用文本框表單了，此時(shí)我們可以使用 < textarea > 標(biāo)簽。
在表單元素中，< textarea > 標(biāo)簽是用于定義多行文本輸入的控件。
使用多行文本輸入控件，可以輸入更多的文字，該控件常見于留言板，評論。

< textarea > 表單元素

textarea 表單元素創(chuàng)建一個多行文本框。

它有局部屬性：name，disabled，form，readonly，maxlength，autofocus，required，placeholder，dirname，rows，wrap，cols。

文本內(nèi)容包裹在開始和結(jié)束標(biāo)記之間。

HTML5 中的 form，autofocus，required，placeholder 和 wrap 屬性都是新增的。

rows 和 cols 屬性指定 textarea 的維度。

wrap 屬性的硬或軟值控制如何將換行符添加到文本。

語法:

<textarea rows = "3" cols = "20">
	文本內(nèi)容

</textarea>
  1. 通過 < textarea > 標(biāo)簽可以輕松地創(chuàng)建多行文本輸入框。
  2. cols = "每行中的字符數(shù)”, rows =“顯示的行數(shù)”, 我們在實(shí)際開發(fā)中不會使用，都是用 CSS 來改變大小。

以下代碼顯示了正在使用的 textarea 元素：

<!DOCTYPE HTML>
<html>
<body>
  <form method = "post" action = "http://example.com/form">
    <p>
      <textarea cols = "20" rows = "5" wrap = "hard" id = "story" name = "story">
      Say something
      </textarea>
      <input type = "submit" value = "Submit" />
    </p>
  </form>
</body>
</html>

wrap 屬性控制在提交表單時(shí)如何將換行符插入到文本中。




以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號