¿Cuál es el punto de la atributo “etiqueta” dentro ?

2 minutos de lectura

¿Cual es el punto de la atributo etiqueta dentro
ezequiel garzon

Además del hecho de que solo IE7+ lo admite, ¿por qué usarías algo como este ejemplo? A saber:

<select>
  <option label="Volvo">Volvo (Latin for "I roll")</option>
  <option label="Saab">Saab (Swedish Aeroplane AB)</option>
</select>

Después de todo, ‘I roll’ en latín’ y ‘Swedish Airplane AB’ son perdió (es decir, sólo quedan en el código fuente).

En ese ejemplo, el largo el texto se enviará al servidor cuando se envíe el formulario.

Dada la existencia del atributo de valor, es redundante.

  • Gracias. Entonces deduzco que, si el atributo “valor” estuviera presente, el texto largo sería irrelevante, ¿verdad? Bastante desconcertante…

    – ezequiel-garzón

    11 de octubre de 2010 a las 12:27


¿Cual es el punto de la atributo etiqueta dentro
eric-karl

según el definición de la etiqueta de opción por el w3c:

“Este atributo permite a los autores especificar una etiqueta más corta para una opción que el contenido del elemento OPCIÓN. Cuando se especifica, los agentes de usuario deben usar el valor de este atributo en lugar del contenido del elemento OPCIÓN como etiqueta de opción”.

La respuesta de David es bastante buena, solo quería agregar un enlace a la definición oficial. 😀

1647572106 371 ¿Cual es el punto de la atributo etiqueta dentro
Roberto Siemer

los label El atributo establece explícitamente la etiqueta. Permíteme mejorar tu ejemplo:

<select>
  <option label="Volvo (Latin for "I roll")">Volvo</option>
  <option label="Saab (Swedish Aeroplane AB)">Saab</option>
</select>

El contenido del texto de <option> se utiliza de forma predeterminada para ambos: el etiquetado visual y el valor de formulario/script “técnico” para esa opción. Puede sobrescribir el valor predeterminado para cada uno con el label y el value atributo, respectivamente.

Se puede acceder a los tres mediante Javascript.

Firefox no era compatible label en <option> por 20 años y reparado en la versión 77 (2020-06-02). (“siempre” funcionó en <optgroup>aunque.)—O debería decir “casi lo arreglé”: la implementación rompe algunos casos nuevos: regresión.

Por lo tanto, mi recomendación actual: utilice siempre el contenido de texto de <option> para el texto de la etiqueta y sobrescriba el valor “técnico” con el value atributo si es necesario. Evite el label atributo en <option> elementos si te importa Firefox.

¿Ha sido útil esta solución?

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Configurar y más información
Privacidad