HTML5 入门教程 HTML5 <textarea> 标签

2024-02-25 开发教程 HTML5 入门教程 匿名 11

实例

HTML5 <textarea>标签用于创建一个可以输入多行的文本框。请参考下述示例:

一个 HTML 文本区域:

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

浏览器支持

所有主流浏览器都支持 <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 对象