阅读(29)

HTML5 <textarea> 标签

最后一次修改 2017年08月02日

实例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>html在线教程(html.cn)</title> 
</head>
<body>

<textarea rows="10" cols="30">
我是一个文本框。
</textarea>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


浏览器支持

QQ截图20170802133002.png

所有主流浏览器都支持 <textarea> 标签。


标签定义及使用说明

<textarea> 标签定义一个多行的文本输入控件。

文本区域中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。

可以通过 cols 和 rows 属性来规定 textarea 的尺寸大小,不过更好的办法是使用 CSS 的 height 和 width 属性。


HTML 4.01 与 HTML5之间的差异

HTML5 增加了一些新的属性。


属性

New :HTML5 中的新属性。

属性描述
autofocusNewautofocus规定当页面加载时,文本区域自动获得焦点。
colsnumber规定文本区域内可见的列数。
disableddisabled规定禁用文本区域。
formNewform_id定义文本区域所属的一个或多个表单。
maxlengthNewnumber规定文本区域允许的最大字符数。
nametext规定文本区域的名称。
placeholderNewtext规定一个简短的提示,描述文本区域期望的输入值。
readonlyreadonly规定文本区域为只读。
requiredNewrequired规定文本区域是必需的/必填的。
rowsnumber规定文本区域内可见的行数。
wrapNewhard
soft
规定当提交表单时,文本区域中的文本应该怎样换行。


全局属性

<textarea> 标签支持 HTML 的全局属性。


事件属性

<textarea> 标签支持 HTML 的事件属性。


相关文章

HTML DOM 参考手册:Textarea 对象