为什么“ true”布尔值是“错误的属性值”？

Question

我有以下按钮：

<button id="=" style=width:150px;height:150px;font-size:100px; onclick="equalFunction()" disabled="true">=</button>

但是在disabled="true"中，我的IDE却将"true"值识别为“错误的属性值”，有人知道如何解决吗？该代码仍然有效，只是令人讨厌地看到它被突出显示。

Answer 1

您无需将其设置为true。做这样的事情：

<button id="=" style=width:150px;height:150px;font-size:100px; onclick="equalFunction()" disabled>=</button>

Answer 2

根据HTML5 spec：

  

HTML5中的许多属性都是布尔属性。在场   元素上的布尔属性表示真实值，并且   没有属性表示错误值。

     

如果存在该属性，则其值必须为空字符串   或该属性的大小写不敏感匹配的值   规范名称，没有前导或尾随空格。

因此，使用disabled之类的布尔属性，仅存在一个属性就足够了，它不需要任何值，尽管实际上每个Web浏览器仍会接受它。因此，您应该使用disabled（单独）或disabled="disabled"