HTML 表單文本域
HTML表單文本域
使用場景:當用戶輸入內容較多的情況下,我們就不能使用文本框表單了,此時我們可以使用 < textarea > 標簽。在表單元素中,< textarea > 標簽是用于定義多行文本輸入的控件。
使用多行文本輸入控件,可以輸入更多的文字,該控件常見于留言板,評論。
< textarea > 表單元素
textarea 表單元素創建一個多行文本框。
它有局部屬性:name,disabled,form,readonly,maxlength,autofocus,required,placeholder,dirname,rows,wrap,cols。
文本內容包裹在開始和結束標記之間。
HTML5 中的 form,autofocus,required,placeholder 和 wrap 屬性都是新增的。
rows 和 cols 屬性指定 textarea 的維度。
wrap 屬性的硬或軟值控制如何將換行符添加到文本。
語法:
<textarea rows = "3" cols = "20"> 文本內容
</textarea>
- 通過 < textarea > 標簽可以輕松地創建多行文本輸入框。
- cols = "每行中的字符數”, rows =“顯示的行數”, 我們在實際開發中不會使用,都是用 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 屬性控制在提交表單時如何將換行符插入到文本中。