项目中多次用到TextArea这个多行文本的HTML控件.关于这个控件的使用有下面一些特性需要掌握,才能在WEB前端用这个控件才能游刃有余。
1.cols -- 多行输入域的列数
2.rows -- 多行输入域的行数
注意:cols:垂直列。在没有做样式表设置的情况下,它表示一行可以容纳的字节数。例如:cols=80,表示一行最多可容纳40个汉字。rows同理。
3.wrap属性定义输入内容大于文本域时显示的方式,可选值如下:
- 默认值是文本自动换行;当输入内容超过文本域的右边界时会自动转到下一行,而数据在被提交处理时自动换行的地方不会有换行符出现;
- Off,用来避免文本换行,当输入的内容超过文本域右边界时,文本将向左滚动,必须用Return才能将插入点移到下一行;
- Virtual,允许文本自动换行。当输入内容超过文本域的右边界时会自动转到下一行,而数据在被提交处理时自动换行的地方不会有换行符出现;
- Physical,让文本换行,当数据被提交处理时换行符也将被一起提交处理。
4.STYLE="overflow:hidden"(包括overflow-x:hidden和overflow-y)
5,textarea没有value属性(InnerHTML)
<textarea name="mutlieText" cols="50" rows="5" disabled>Charles</textarea>
Textarea 对象主要有以下属性:
| 属性 | 描述 | 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 |
浙公网安备 33010602011771号