HTML 表单文本域
2020-10-21 14:55 更新
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 属性控制在提交表单时如何将换行符插入到文本中。
以上内容是否对您有帮助：
更多建议：