为输入元素添加disabled和checked属性的正确方法

Question

是否有一个标准的方式来添加属性，如禁用，检查等不同的HTML表单输入元素?

MDN文档(https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)在其示例中似乎只是使用了速记版本。

<option disabled>Option 2.2</option>

然而，MDN似乎没有提到任何地方使用disabled="disabled"或简单的disabled是正确的方法。现在一点都不重要了吗?

HTML规范(https://www.w3.org/TR/html51/sec-forms.html#enabling-and-disabling-form-controls-the-disabled-attribute)没有提供任何示例。

有一个古老的相关问题:向输入添加选定的和相关的属性的正确方法是什么?但我想知道从那以后规范或建议是否有变化。

Answer 1

你正在谈论的属性是布尔属性，他们做的正是他们的意思，例如:disabled禁用输入/按钮。应用它的标准方法是<input type="text" disabled>，使用<input type="text" disabled="disabled">是不必要的，因为它没有任何区别

请参阅下面的代码片段，因此使用这些属性的标准方法是直接使用

.btn{
border-radius: 0px;
position: relative;
padding: 10px 10px 10px 10px;
}

<button class="btn" disabled="no" >Click me (no)</button>
<button class="btn" disabled="yes" >Click me (yes) </button>
<button class="btn" disabled="disabled" >Click me (disabled)</button>

请参考w3schools