<textarea> | HTML多行文本标签的定义与用法
定义与用法
- <textarea> 标签定义一个多行的文本输入控件;
- 文本区域中可容纳无限数量的文本,其中的文本的默认字体是等宽字体;
- 可以通过 cols 和 rows 属性来规定 textarea 的尺寸大小,不过更好的办法是使用 CSS 的 height 和 width 属性定义。
语法格式
<textarea rows=”” cols=””> ……</textarea>
示例代码
<textarea rows="9" cols="70">
Runoon多行文本标签示例。
</textarea>
效果展示:
HTML 4.01 与 HTML5差异
HTML5 增加了一些新的属性。
浏览器支持
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
所有主流浏览器都支持 <textarea>标签。
标签属性
: HTML5新属性。
属性 | 值 | 描述 |
---|---|---|
autofocus | autofocus | 规定当页面加载时,文本区域自动获得焦点。 |
cols | number | 规定文本区域内可见的宽度。 |
disabled | disabled | 规定禁用文本区域。 |
form | form_id | 定义文本区域所属的一个或多个表单。 |
maxlength | number | 规定文本区域允许的最大字符数。 |
name | text | 规定文本区域的名称。 |
placeholder | text | 规定一个简短的提示,描述文本区域期望的输入值。 |
readonly | readonly | 规定文本区域为只读。 |
required | required | 规定文本区域是必需的/必填的。 |
rows | number | 规定文本区域内可见的行数。 |
wrap | hard soft | 规定当提交表单时,文本区域中的文本应该怎样换行。 |
全局属性
<textarea> 标签支持 HTML 的全局属性。
事件属性
<textarea> 标签支持 HTML 的事件属性。