2010-10-08 14 views
13

Disculpe la pregunta quizás muy estúpida, pero mi curiosidad me está matando, y además soy nuevo en esto, pero estoy usando etiquetas importantes en su marcado, y ¿por qué?¿Es importante usar <label> en HTML?

decir

<label for="birthdate">Birthdate:</label> 
<input type="text" id="birthdate" name="birthdate" /> 

¿Por qué debo etiquetar esta entrada, ¿por qué es beneficioso para el usuario, ¿por qué va a ser beneficioso para su uso futuro, o se trata de buscar la optimización de motores cosa. Eso es lo que realmente quiero saber :)

Respuesta

28

Es importante por varias razones:

  • Al hacer clic en la etiqueta se centra en el campo de texto
    , que es algo que muchos de los usuarios esperar.
  • Es útil por razones de accesibilidad.
  • ¿De qué otro modo el usuario va a saber qué campo es cuál? Podría usar solo texto o un lapso o algo así, pero ¿por qué lo haría?
  • Conduce a un marcado más semántico.
5

Es importante para la accesibilidad, por lo que las personas ciegas que utilizan lectores de pantalla pueden distinguir fácilmente qué cuadro de texto significa cada cosa, ya que de lo contrario su software no puede distinguir el propósito del cuadro de texto activo la estructura de la página. Además, al hacer clic en la etiqueta se enfocará el control de entrada apropiado, que es conveniente.

+4

No es solo conveniente. Para personas como yo, que tienen problemas de control de motricidad fina (tengo una afección similar a Parkinson) o para personas que usan pantallas táctiles, es bastante esencial desde el punto de vista de la usabilidad. –

12

Ayuda a la accesibilidad, p. lectores de pantalla.

También para cosas como casillas de verificación, permite al usuario hacer clic en la etiqueta y no solo en la casilla de verificación (Try it!).

2

uso futuro:

En un caso en el formulario HTML de entrada está directamente relacionado con la base de datos (que ocurre en marcos)

por lo que las variables de formulario de entrada representan directamente columnas de base de datos.

Por lo tanto, en lugar de mostrar los nombres de las columnas de la base de datos al usuario en el formulario, podemos mostrar nombres simplificados al usuario mediante Etiquetas.

Cuestiones relacionadas