码迷,mamicode.com
首页 > 其他好文 > 详细

TEXTAREA元素和textArea对象

时间:2020-12-29 11:41:53      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:包含   没有   数据   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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!