HTML 表單文本域
HTML表單文本域
使用場(chǎng)景:當(dāng)用戶輸入內(nèi)容較多的情況下,我們就不能使用文本框表單了,此時(shí)我們可以使用 < textarea > 標(biāo)簽。在表單元素中,< textarea > 標(biāo)簽是用于定義多行文本輸入的控件。
使用多行文本輸入控件,可以輸入更多的文字,該控件常見(jiàn)于留言板,評(píng)論。
< textarea > 表單元素
textarea 表單元素創(chuàng)建一個(gè)多行文本框。
它有局部屬性:name,disabled,form,readonly,maxlength,autofocus,required,placeholder,dirname,rows,wrap,cols。
文本內(nèi)容包裹在開(kāi)始和結(jié)束標(biāo)記之間。
HTML5 中的 form,autofocus,required,placeholder 和 wrap 屬性都是新增的。
rows 和 cols 屬性指定 textarea 的維度。
wrap 屬性的硬或軟值控制如何將換行符添加到文本。
語(yǔ)法:
<textarea rows = "3" cols = "20"> 文本內(nèi)容
</textarea>
- 通過(guò) < textarea > 標(biāo)簽可以輕松地創(chuàng)建多行文本輸入框。
- cols = "每行中的字符數(shù)”, rows =“顯示的行數(shù)”, 我們?cè)趯?shí)際開(kāi)發(fā)中不會(huì)使用,都是用 CSS 來(lái)改變大小。
以下代碼顯示了正在使用的 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í)如何將換行符插入到文本中。