TEXTAREA元素和textArea对象

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

 隐藏TEXTAREA 的滚动条（水平和垂直方向）

6.textarea没有value属性(InnerHTML)

<textarea name="mutlieText" cols="50" rows="5" disabled>Charles</textarea>

 7.显示多行文本框输入的长度。

用MaxLength属性设置最大长度没有效果，必须通过脚本设置

    function setMaxLength(control,maxLength )
    {
        control.attachEvent("onkeypress",function(){if(trim(control.value).length >= maxLength) return false; });
        control.attachEvent("onpropertychange",function(){if(control.value.length>maxLength)control.value=control.value.substring(0,maxLength); });
    }

 

调用:

<script type="text/javascript">  
setMaxLength(Obj,500);
</script>

 

 

暂时就记录这些关于TextArea控件的一些注意事项。以后再不断补充该控件的一些其他事项。