HTML DOM Textarea 对象
Textarea 对象
Textarea 对象代表 HTML 表单中的一个文本域 (text-area)。
HTML 表单的每一个 <textarea> 标签，都能创建一个Textarea 对象。
您可以通过索引相应表单的元素数组来访问某个 Textarea 对象，或者使用 getElementById()。
Textarea 对象属性。
W3C： W3C 标准。
| 属性 | 描述 | W3C |
|---|---|---|
| cols | 设置或返回 textarea 的宽度。 | Yes |
| defaultValue | 设置或返回文本框中的初始内容。 | Yes |
| disabled | 设置或返回 textarea 是否应当被禁用。 | Yes |
| form | 返回对包含该 textarea 的表单对象的引用。 | Yes |
| name | 设置或返回 textarea 的名称。 | Yes |
| readOnly | 设置或返回 textarea 是否应当是只读的。 | Yes |
| rows | 设置或返回 textarea 的高度。 | Yes |
| type | 返回该文本框的表单类型。 | Yes |
| value | 设置或返回在 textarea 中的文本。 | Yes |
Textarea 对象方法
| 方法 | 描述 | W3C |
|---|---|---|
| select() | 选择 textarea 中的文本。 | Yes |
1、给 input 文本框和 textarea 多行文本框添加发光焦点响应特效
input[type=text], textarea { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; padding: 3px 0px 3px 3px; margin: 5px 1px 3px 0px; border: 1px solid #ddd; } input[type=text]:focus, textarea:focus { box-shadow: 0 0 5px rgba(81, 203, 238, 1); padding: 3px 0px 3px 3px; margin: 5px 1px 3px 0px; border: 1px solid rgba(81, 203, 238, 1); }2、可以使用 resize: none; 来禁用 textarea 右下角的拖动图标。
textarea { resize: none; }3、只是固定大小，右下角的拖动图标仍在:
textarea { width: 200px; height: 100px; max-width: 200px; max-height: 100px; }