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

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

disabled定义和用法

disabled 属性是一个布尔属性。

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

被禁用的文本区域既不可用，文本也不可选择（不能被复制）。

可以设置 disabled 属性，直到满足某些条件（比如选择一个复选框），才恢复用户对该文本区域的使用。

然后，可以使用 JavaScript 来移除 disabled 属性的值，以使文本区域变为可用状态。

HTML 4.01 与 HTML5之间的差异

无。

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

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

<textarea disabled>
在脚本之家你将学会如何制作网站。

我们提供了最全的 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">。