HTML <textarea> 元素表示一个多行纯文本编辑控件。 开始标签和结束标签都不能省略。
一个 HTML 文本区域(textarea):
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>基础教程(xxs100.com)</title> </head> <body> <textarea name="textarea" rows="10" cols="50">Write something here</textarea> </body> </html>测试看看
IEFirefoxOperaChromeSafari
所有主流浏览器都支持 <textarea> 标签。
<textarea> 标签定义一个多行的文本输入控件。
文本区域中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。
可以通过 cols 和 rows 属性来规定 textarea 的尺寸大小,不过更好的办法是使用 CSS 的 height 和 width 属性。
HTML5 增加了一些新的属性。
New :HTML5 中的新属性。
属性 | 值 | 描述 |
---|---|---|
HTML5 | autofocus | 规定当页面加载时,文本区域自动获得焦点。 |
number | 规定文本区域内可见的宽度。 | |
disabled | 规定禁用文本区域。 | |
HTML5 | form_id | 定义文本区域所属的一个或多个表单。 |
HTML5 | number | 规定文本区域允许的最大字符数。 |
text | 规定文本区域的名称。 | |
HTML5 | text | 规定一个简短的提示,描述文本区域期望的输入值。 |
readonly | 规定文本区域为只读。 | |
HTML5 | required | 规定文本区域是必需的/必填的。 |
number | 规定文本区域内可见的行数。 | |
HTML5 | hard soft | 规定当提交表单时,文本区域中的文本应该怎样换行。 |
<textarea> 标签支持 HTML 的全局属性。
<textarea> 标签支持 HTML 的事件属性。
HTML DOM 参考手册: