El contenido introducido es un análisis detallado del método de uso del atributo para la etiqueta <label> en HTML5. Este sitio web contiene un análisis detallado de los métodos de uso de atributos de la etiqueta <label> en este artículo, y explica la etiqueta de etiqueta HTML5 relevante para la tecnología y el conocimiento de los atributos en el artículo. ¡Bienvenido para brindarle algo de apoyo y ayuda en este sentido! Los siguientes son los detalles:
El contenido introducido es un análisis detallado del método de uso del atributo para la etiqueta <label> en HTML5.
En Create a Set of Radio Buttons del tutorial HTML en Freecodecamp, vi este pasaje,
Se considera la mejor práctica establecer un atributo FOR en el elemento de la etiqueta, con un valor que coincide con el valor del atributo de identificación del elemento de entrada. Esto permite que las tecnologías de asistencia creen una relación vinculada entre la etiqueta y el elemento de entrada infantil.
El significado más o menos: la mejor manera de hacerlo es agregar un for para label , y su valor es el mismo que el valor del atributo id de la etiqueta input para crear una asociación entre la etiqueta y la entrada.
Al mismo tiempo, se proporciona un código de muestra, como sigue:
<
En el código, el valor de atributo para la etiqueta es el mismo que el valor de atributo de identificación de la entrada. De este código, no puede ver dónde está la asociación.
La definición del atributo para la etiqueta es la siguiente:
El atributo para el atributo especifica a qué elemento de forma se une una etiqueta.
Traducción: el atributo for especifica a qué elemento en la forma está vinculado.
Código de muestra:
< valor = enviar> </form>
Comparando las dos piezas de código, no es difícil de averiguarlo.
La relación de inclusión entre la etiqueta y la etiqueta de entrada es diferente. La etiqueta y la entrada del Código 1 pertenecen a la relación de inclusión, mientras que la etiqueta y la entrada del Código 2 son relativamente independientes.
La etiqueta y la entrada están dispuestas de manera diferente en la página. A través de las herramientas de desarrollador de Chrome, no es difícil encontrar que los resultados en ejecución del código 1, la etiqueta de la etiqueta cubra la etiqueta de entrada, los resultados en ejecución del código 2, la etiqueta de la etiqueta y la etiqueta de entrada son paralelos.
La etiqueta y la entrada corresponden uno por uno. Haga clic en el contenido de la etiqueta y se seleccionará el botón de extremo único correspondiente.
Si eliminamos el atributo FOR de la etiqueta en los dos códigos, entonces el punto 1 y el punto 2 anterior permanecen sin cambios, y el cambio es el punto 3. Para los resultados de la operación del Código 1, haga clic en el contenido de la etiqueta y aún puede seleccionar el botón de radio. El código 2 es diferente. Si hace clic en el contenido de la etiqueta, el botón de radio no se puede seleccionar.
Después de una comparación simple de los resultados del código que ejecuta, podemos verificar que el pasaje citado al comienzo del artículo sea correcto. Esta práctica de agregar atributos a las etiquetas puede mejorar la calidad del código.
El análisis detallado de los métodos de uso de atributos de la etiqueta <label> en HTML5 está aquí. Puede marcar la URL de esta página http://www.vevb.com/web/a/2018090496006.shtml para acceder a ella la próxima vez.