说说textarea的那些事---Day04

textarea作为多行文本域，在平时应用中经常会碰到，它的基础知识我就不再赘述了，在这里只写一些平时可能会用到的对textarea的操作，详情看下面：

1、防止大小改变，从而造成标签变形，页面变形，从而影响用户体验

这个比较简单；在css中添加resize：none;即可

2、限制字数

利用javascript，写入

window.onload = function() { 

document.getElementById('test01').onkeydown = function() {    
        if(this.value.length >= 10) 
        event.returnValue = false; 
} ;
} ;

3、添加背景；

在css中添加background属性；

4、设定为只读格式

同样是一句话的问题，设定readonly="readonly"或者disable=“disable”

备注：readonly和disable都可以实现无法编辑的功能，但是还是略有些不同的，在用disable时，输入框会变成灰色，同时滚动条也消失了，只能查看当前页面存在的文本，无法进行滚动，而readonly则滚动条和文字都不变，唯一变的只是不能进行编辑

5、边框的增删

对textarea属性overflow的应用，hidden表示隐藏边框，scroll表示显示

6、自适应高度，而不会出现滚动框

在ie中overflow中自适应visible

关于textarea，暂时只总结了这么一点，发现总结型的东西比起实际解决问题来麻烦多了，又这么晚了，晚安