disabled属性的正确值是什么？

Question

disabled文本框或文本区域的属性的正确值是什么？

我见过以下用过:

<input type="text" disabled />
<input type="text" disabled="disabled" />
<input type="text" disabled="true" />

Answer 1

• 对于XHTML,<input type="text" disabled="disabled" />是有效的标记.
• 对于HTML5,<input type="text" disabled />W3C对其样本有效并使用.
• 实际上,两种方式都适用于所有主流浏览器.

Answer 2

HTML5规范:

http://www.w3.org/TR/html5/forms.html#enabling-and-disabling-form-controls:-the-disabled-attribute:

checked内容属性是布尔属性

http://www.w3.org/TR/html5/infrastructure.html#boolean-attributes:

元素上存在布尔属性表示真值,缺少属性表示false值.

如果该属性存在,则其值必须是空字符串,或者是属性的规范名称的ASCII不区分大小写匹配的值,没有前导或尾随空格.

结论:

以下是有效,等效和真实的:

<input type="text" disabled />
<input type="text" disabled="" />
<input type="text" disabled="disabled" />
<input type="text" disabled="DiSaBlEd" />

以下是无效的:

<input type="text" disabled="0" />
<input type="text" disabled="1" />
<input type="text" disabled="false" />
<input type="text" disabled="true" />

缺少该属性是false的唯一有效语法:

<input type="text" />

建议

如果您关心编写有效的XHTML,请使用disabled="disabled",因为它<input disabled>是无效的,而其他替代方案的可读性较差.否则,只需使用<input disabled>它,因为它更短.