首页 »前端语言 »html

textarea的disabled与readonly属性具体用法介绍

disabled定义和用法

disabled 属性是一个布尔属性。

disabled 属性规定文本区域应该被禁用。

被禁用的文本区域既不可用,文本也不可选择(不能被复制)。

可以设置 disabled 属性,直到满足某些条件(比如选择一个复选框),才恢复用户对该文本区域的使用。然后,可以使用 JavaScript 来移除 disabled 属性的值,以使文本区域变为可用状态。

HTML 4.01 与 HTML5之间的差异

无。

HTML 与 XHTML 之间的差异
在 XHTML 中,禁止属性最小化,disabled 属性必须定义为 <textarea disabled="disabled">。

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

<textarea disabled>
在IT技术交流园你将学会如何制作网站。我们提供了最全的 web 技术教程。
</textarea>

disabled 与 disabled = "disabled"的区别

disabled = "disabled" 是 XML 规范写法,如果保持 XML 兼容,必须写成 disabled = "disabled",如果您不使用 XHTML 并且不关心的 XML 语法,那么你可以单独使用。

注意: 在除了火狐以外的浏览器,例如chrome <textarea disabled> 是可以被选择并复制的。

readonly定义和用法

readonly 属性是一个布尔属性。

readonly 属性规定文本区域为只读。

在只读的文本区域中,无法对内容进行修改,但用户可以通过 tab 键切换到该控件,选取或复制其中的内容。

可以设置 readonly 属性,直到满足某些条件(比如选择一个复选框),才恢复用户对该文本区域的使用。然后,可以使用 JavaScript 来移除 readonly 属性的值,以使文本区域变为可编辑状态。readonly 属性规定文本区为只读。在只读的文本区中,无法对内容进行修改。值可以在请求中传递 。

具体用法如下:
 

<textarea readonly="readonly">test1</textarea> 
<textarea rows="3" cols="20" disabled="disabled"> 
test2 
</textarea> 

HTML 与 XHTML 之间的差异
在 XHTML 中,禁止属性最小化,readonly 属性必须定义为 <textarea readonly="readonly">。