最近项目遇到需要一个问题,就是查看功能的时候如果textarea中的文字过长,如果用disabled属性会直接置灰,后边的内容可能显示不完整而且滚动条也不能用,于是乎,我找了很久的方法才发现,readonly属性就可以,真是失策啊,我还用了很多css去控制,简直了
在这里,我发现,readonly单用,不能编辑,但是可以用滚动条
disabled,用了全部置灰,不能使用滚动条(注:我的是ie8,其他浏览器应该disabled属性也可以实现同样的功能)
还有一种情况就是,你就用了readonly,也用了disabled,,恭喜你,你杯具了!你一定实现不了你想要的功能,但是咸鱼还是要有梦想的,万一实现了呢?对吧。。
我们来简单看一下这二者区别和用法:
1,readonly只针对input(text/password)和textarea有效,而disabled对于所有的表单元素都有效,包括select,
radio,checkbox,button等。
2,在表单元素使用了disabled后,我们将表单以post或者get方式提交的话,这个元素的值不会被传递出去,而readarea则会将该值传递出去。
至于其他的,请详细看这位网友的回答,比我的更详细,这是地址:
http://www.nowamagic.net/html/html_ReadonlyAndDisabled.php
对了,还有就是我找的过程中发现了一个很贴心的功能,虽然我没有用,但是我觉得确实很好用,在这里存个笔记,是一个textarea自适应高度的,供大家学习,这是网址:
http://blog.csdn.net/tianyitianyi1/article/details/49923069