textarea中disabled与readonly属性用法

发布时间:2020-06-18编辑:脚本学堂
本文介绍了textarea文本框中disabled与readonly属性的用法,disabled属性表示一个被禁用的文本区,readonly 属性规定文本区为只读,有需要的朋友参考下。

为大家介绍textarea文本域的二个属性:
disabled属性表示一个被禁用的文本区,在被禁用的文本区中,无法对内容进行修改,并且值不能在请求中传递。

readonly 属性规定文本区为只读。在只读的文本区中,无法对内容进行修改。值可以在请求中传递 。

用法举例:
 

复制代码 代码示例:
<textarea readonly="readonly">test1</textarea>
<textarea rows="3" cols="20" disabled="disabled">
test2
</textarea>

textarea设置只读有两种方法可以实现:
 
1. readonly
可以直接作为属性写到textarea标签中,也可以通过js来设置,通过js设置一定要注意区分readonly的大小写。
document.getelementbyid("textarea4").readonly = true;
 
2. disabled
可以直接作为属性写到textarea标签中,也可以通过js来设置。
document.getelementbyid("textarea4").disabled = "disabled";

相关阅读:

 

二者区别:在提交表单时,前者会将值提交过去,而后者不会。