TEXTAREA元素和textArea对象

标签:包含   没有   数据   charles   orm   输入   宽度   html   row   

项目中多次用到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

TEXTAREA元素和textArea对象

标签:包含   没有   数据   charles   orm   输入   宽度   html   row   

原文地址:https://www.cnblogs.com/c68ychen/p/14181569.html

版权声明:完美者 发表于 2020-12-29 11:41:53。
转载请注明:TEXTAREA元素和textArea对象 | 完美导航

暂无评论

暂无评论...