¿Es autofocus = "autofocus" o autofocus?

87

Me parece recordar que la mayoría (quizás todos) de los atributos en versiones anteriores de HTML (antes de HTML5) requerían que los atributos tuvieran valores, como readonly="readonly".

¿Es esto cierto para HTML5 y el autofocusatributo?

html autofocus Darryl Hein
fuente
1
posible duplicado de stackoverflow.com/questions/1033944/… ya que ambos son sobre atributos booleanos (no marcados)
Ciro Santilli 郝海东 冠状 病 六四 事件 法轮功
Estoy de acuerdo en que son similares, pero ligeramente diferentes, ya que preguntan sobre atributos diferentes.
Darryl Hein
1
el enfoque automático solo funciona. lo probé en FF, Opera y Chrome ..
Sohail Arif

Respuestas:

94

En HTML, usa atributos booleanos con o sin valores como desee. Un booleano, por W3C, como enfoque automático puede ser escrito como que autofocuso autofocus="autofocus"o también autofocus="".

Si no desea el enfoque automático, no lo escriba.

Creo que usted está confundido porque XHTML requiere valores para todos los atributos: attributes="values".

Aquí hay información sobre el uso de atributos booleanos en HTML: http://www.whatwg.org/specs/web-apps/current-work/multipage/common-microsyntaxes.html#boolean-attribute

Tim
fuente
19
+1 por mencionar XHTML. La conformidad XML de XHTML es la única razón por la que ha existido un disabled="disabled". Lo mismo ocurre con las etiquetas de cierre. En HTML no es necesario cerrar todas las etiquetas (por ejemplo, br o input), pero dado que XHTML debe ser XML válido, también es necesario cerrar etiquetas.
Tim Büthe
4
"XHTML es la única razón por la que ha existido disabled="disabled"". Y SGML es la única razón por la que XHTML tiene la silly="silly"sintaxis bool en lugar de solo whatever="true", y HTML es la única razón por la que this="false"puede significar esto = verdadero. :)
Sz.
52

Citando la especificación HTML5 y ampliando un poco Pekka:

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

El atributo de enfoque automático es un atributo booleano.

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

La presencia de un atributo booleano en un elemento representa el valor verdadero y la ausencia del atributo representa el valor falso.

Si el atributo está presente, su valor debe ser la cadena vacía o un valor que sea una coincidencia ASCII que no distinga entre mayúsculas y minúsculas para el nombre canónico del atributo, sin espacios en blanco al principio o al final.

Conclusión :

Los siguientes son válidos, equivalentes y verdaderos :

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

Los siguientes no son válidos :

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

La ausencia del atributo es la única sintaxis válida para falso :

<input type="text"/>

Recomendación

Si le interesa escribir XHTML válido, utilícelo autofocus="autofocus", ya <input autofocus>que no es válido y otras alternativas son menos legibles. De lo contrario, utilícelo <input autofocus>ya que es más corto.

Ciro Santilli 郝海东 冠状 病 六四 事件 法轮功
fuente
1
"Si te importa ... XHTML". ¡No! Dejarlo morir.
Dem Pilafian
22

No , basta con especificar el atributo en sí. Fue así también en HTML 4 .

Varios atributos son atributos booleanos . La presencia de un atributo booleano en un elemento representa el valor verdadero y la ausencia del atributo representa el valor falso.

Si el atributo está presente, su valor debe ser la cadena vacía o un valor que sea una coincidencia ASCII que no distinga entre mayúsculas y minúsculas para el nombre canónico del atributo, sin espacios en blanco al principio o al final.

Ejemplo:

<label><input type=checkbox checked name=cheese disabled> Cheese</label>
Pekka
fuente
10
Le di a Tim la respuesta aceptada ... necesita al representante más que tú :)
Darryl Hein