将禁用和选中属性添加到输入元素的正确方法

Question

是否有一种标准方法可以将禁用、选中等属性添加到 HTML5 表单中的不同输入元素？

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

选项 2.2

但是，MDN 似乎没有提到任何地方都在使用 disabled="disabled" 或者只是 disabled 是正确的方法。现在一点都不重要了吗？

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

有一个旧的相关问题What's the proper way to add selected and related attributes to inputs?，但我想知道自那时以来规范或建议是否发生了变化。

谢谢。

Answer 1

您所说的属性是布尔属性，它们的作用完全符合它们的意思，例如：因禁用 input/button 而禁用。应用它的标准方法是 <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

将禁用和选中属性添加到输入元素的正确方法

Proper way of adding disabled and checked attributes to input elements

html

forms

input

html5-formvalidation