是 autofocus=“autofocus”吗？或者自动对焦？

Question

我似乎记得以前版本的 HTML（HTML5 之前）中的大多数（也许是全部）属性都要求属性具有值，例如 readonly="readonly"。

对于 HTML5 和 autofocus 属性来说是这样吗？

Answer 1

在 HTML 中，您可以根据需要使用带或不带值的布尔属性。
对于 W3C 来说，布尔值（例如 autofocus）可以这样编写：autofocus 或 autofocus="autofocus" 或 autofocus=""。

如果你不想自动对焦就不要写它。

我认为您很困惑，因为 XHTML 需要所有属性的值：attributes="values"。

以下是有关 HTML 中布尔属性使用的一些信息：
http://www.whatwg .org/specs/web-apps/current-work/multipage/common-microsyntaxes.html#boolean-attribute

Answer 2

引用HTML5规范并在Pekka上进行一些扩展：

http://www.w3.org/TR/html5/forms.html#autofocusing-a-form-control:-the-autofocus-attribute ：

自动对焦属性是一个布尔属性。

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

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

如果该属性存在，则其值必须是空字符串或与该属性的规范名称匹配的 ASCII 不区分大小写的值，并且没有前导或尾随空格。

结论：

以下是有效、等价和正确：

<input type="text" autofocus />
<input type="text" autofocus="" />
<input type="text" autofocus="autofocus" />
<input type="text" autofocus="AuToFoCuS" />

以下是无效：

<input type="text" autofocus="0" />
<input type="text" autofocus="1" />
<input type="text" autofocus="false" />
<input type="text" autofocus="true" />

缺少该属性是唯一有效的语法>false：

<input type="text"/>

建议

如果您关心编写有效的 XHTML，请使用 autofocus="autofocus"，因为 是无效的，其他替代方案的可读性较差。否则，只需使用 因为它更短。

Answer 3

否，指定属性本身。 HTML 4 也是如此。

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

如果该属性存在，则其值必须是空字符串或与该属性的规范名称匹配的 ASCII 不区分大小写的值，并且没有前导或尾随空格。

例子：

<label><input type=checkbox checked name=cheese disabled> Cheese</label>