禁用属性的正确值是多少？

Question

文本框或文本区域的 disabled 属性的正确值是多少？

我以前见过使用以下内容：

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

Answer 1

• 对于 XHTML， 是有效标记。
• 对于 HTML5， 有效并由 W3C 在其示例中使用。
• 事实上，这两种方式都适用于所有主流浏览器。

Answer 2

HTML5 规范：

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

检查的内容属性是布尔属性

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

元素上存在布尔属性表示真值，不存在该属性表示假值。

如果该属性存在，则其值必须是空字符串或与该属性的规范名称匹配的 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"，因为 是无效的，其他替代方案的可读性较差。否则，只需使用 因为它更短。

Answer 3

我刚刚尝试了所有这些，对于 IE11，似乎唯一有效的是disabled =“true”。禁用值或未给出值不起作用。事实上，jsp 出现了一个错误，即所有字段都需要 equal，因此我必须指定disabled=“true”才能使其正常工作。

Answer 4

MDN 上的 setAttribute()：

要设置布尔属性的值，例如disabled，您可以指定任何值。建议使用空字符串或属性名称。重要的是，如果属性确实存在，无论其实际值如何，它的值都被认为是true。缺少该属性意味着其值为 false。通过将 disabled 属性的值设置为空字符串 ("")，我们将 disabled 设置为 true >，这会导致按钮被禁用。

链接到 MDN

解决方案

• 我认为的 < strong>XHTML Strict 是对的 disabled="disabled"，
• 在 HTML5 中只是disabled，就像 。
• 在 javascript 中，我将值设置为
  true 使用 e.disabled = true;
  或 "" 使用 setAttribute( "disabled", "" );

在 Chrome 中测试

var f = document.querySelectorAll( "label.disabled input" );
for( var i = 0; i < f.length; i++ )
{
    // Reference
    var e = f[ i ];

    // Actions
    e.setAttribute( "disabled", false|null|undefined|""|0|"disabled" );
    /*
        <input disabled="false"|"null"|"undefined"|empty|"0"|"disabled">
        e.getAttribute( "disabled" ) === "false"|"null"|"undefined"|""|"0"|"disabled"
        e.disabled === true
    */
    
    e.removeAttribute( "disabled" );
    /*
        <input>
        e.getAttribute( "disabled" ) === null
        e.disabled === false
    */

    e.disabled = false|null|undefined|""|0;
    /*
        <input>
        e.getAttribute( "disabled" ) === null|null|null|null|null
        e.disabled === false
    */

    e.disabled = true|" "|"disabled"|1;
    /*
        <input disabled>
        e.getAttribute( "disabled" ) === ""|""|""|""
        e.disabled === true
    */
}

Answer 5

在 HTML5 中，没有正确的值，所有主流浏览器并不真正关心该属性是什么，它们只是检查该属性是否存在，以便禁用该元素。