HTML HTML – 为什么indeterminate=”indeterminate|true”没有被尊重

在本文中，我们将介绍HTML中的indeterminate属性以及为什么indeterminate=”indeterminate|true”没有被尊重的原因。

阅读更多：HTML 教程

什么是indeterminate属性？

indeterminate是HTML5中为复选框（checkbox）和单选框（radio）提供的一个属性。当复选框或单选框处于一个未确定（indeterminate）的状态时，它们既不被选中也不被取消选中。这种状态通常用于表示有一组选项但无法全部选中或取消选中的情况。

复选框和单选框的indeterminate状态是通过设置元素的indeterminate属性来实现的。当indeterminate属性被设置为true时，复选框或单选框将显示为未确定状态。而当indeterminate属性被设置为false时，复选框或单选框将显示为选中或取消选中的状态。

indeterminate属性的使用示例

下面是一个示例，展示了如何使用indeterminate属性来实现复选框的未确定状态：

<input type="checkbox" id="checkbox1" name="checkbox1" value="Option 1">
<label for="checkbox1">Option 1</label>

<input type="checkbox" id="checkbox2" name="checkbox2" value="Option 2" indeterminate>
<label for="checkbox2">Option 2</label>

<input type="checkbox" id="checkbox3" name="checkbox3" value="Option 3">
<label for="checkbox3">Option 3</label>

在上面的示例中，第二个复选框具有indeterminate属性。因此，它将显示为未确定状态，而其他复选框则显示为选中或取消选中的状态。

indeterminate=”indeterminate|true”为什么没有被尊重？

在HTML规范中，并没有规定indeterminate属性可以接受”indeterminate”或”true”这样的值。实际上，indeterminate属性只有两种值：true和false。

因此，当我们在复选框或单选框的indeterminate属性中设置”indeterminate”或”true”时，这些值将被视为无效值，浏览器将忽略它们。因此，indeterminate=”indeterminate”或indeterminate=”true”将不会被尊重，复选框或单选框将不会显示为未确定的状态。

正确的示例是将indeterminate属性设置为true，如下所示：

<input type="checkbox" id="checkbox1" name="checkbox1" value="Option 1">
<label for="checkbox1">Option 1</label>

<input type="checkbox" id="checkbox2" name="checkbox2" value="Option 2" indeterminate="true">
<label for="checkbox2">Option 2</label>

<input type="checkbox" id="checkbox3" name="checkbox3" value="Option 3">
<label for="checkbox3">Option 3</label>

在上面的示例中，第二个复选框的indeterminate属性被正确设置为true，因此它将显示为未确定状态。

总结

在这篇文章中，我们介绍了HTML中的indeterminate属性以及为什么indeterminate=”indeterminate|true”没有被尊重的原因。indeterminate属性用于将复选框或单选框显示为一个未确定的状态，它只有两个有效值：true和false。因此，当我们将indeterminate属性设置为”indeterminate”或”true”时，浏览器将忽略这些无效值，复选框或单选框将不会显示为未确定的状态。正确的示例是将indeterminate属性设置为true。