首页 > 其他 > 详细

TEXTAREA元素和textArea对象

时间:2020-12-24 00:52:36      阅读:28      评论:0      收藏:0      [点我收藏+]

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!