12.4 Asociar etiquetas explícitamente con sus controles

Prioridad 2

Algunos controles de formulario contienen etiquetas explícitas asociadas a ellos (por ejemplo, los botones) mientras que otros no las tienen (por ejemplo, campos de texto, botones de selección y menúes).

Para aquellos controles con etiquetas implícitas se debe utilizar el elemento LABEL y asegurarse de que esté correctamente colocado, de modo que el usuario pueda identificar claramente qué etiqueta está asociada con cada control.

<label>Nombre: 
   <input type="text" id="nom">
</label>
<label>E-mail:
   <input type="text" id="mail">
</label>
<input type="submit" value="Enviar">

Si el elemento de control no se encuentra dentro de LABEL, se debe utilizar el atributo "for" para asociar explícitamente la etiqueta con el control identificado con ID.

<label for="nom">Nombre:</label>
<input type="text" id="nom">
<label for="mail">E-mail:</label>
<input type="text" id="mail">
<input type="submit" value="Enviar">

Procedimiento con Dreamweaver.
Volver al punto de verificación 12.4