Las etiquetas de selección y opción de HTML: la lista de menús

Abril 19, 2024

Las etiquetas de selección y opción trabajan juntas para crear una lista de menú desplegable en un formulario de página web. Puede ver este tipo de lista cada vez que proporcione su nombre y dirección. Si vives en los Estados Unidos, eliges el estado en el que vives de una lista desplegable de nombres de estados. Esta lista desplegable se crea con las etiquetas de selección y la lista de opciones (opciones) se crea con un grupo de etiquetas de opción. Las etiquetas de apertura y cierre son necesarias para las etiquetas de selección y opción.

Aquí está el código de muestra para el menú desplegable.

Ohio Florida
<	soporte de ángulo izquierdo
Seleccione	nombre del elemento
nombre	El atributo de nombre se usa para establecer una identificación para la lista del menú
>	soporte de ángulo recto
	etiqueta de cierre

<	soporte de ángulo izquierdo
opción	nombre del elemento
valor	El atributo value se usa para establecer el valor de la opción
>	soporte de ángulo recto
	etiqueta de cierre

Como puede ver, el grupo de etiquetas de opción está encerrado dentro de las etiquetas de selección de apertura y cierre. Puede tener tantas etiquetas de opciones como desee y la lista desplegable se desplazará según sea necesario.

Los atributos de la etiqueta de selección

El atributo de nombre
El atributo que debe incluir en la etiqueta de selección es el atributo de nombre. Este atributo identifica la lista para el programa de procesamiento. Si tiene más de un menú desplegable en un formulario web, le dará a cada lista un nombre diferente asignando un valor diferente al atributo de nombre. En el ejemplo, he establecido el valor del atributo de nombre en "estados".

El atributo de tamaño
El atributo de tamaño especifica el número de opciones de la lista que pueden ser visibles al mismo tiempo. Si hubiera incluido todos los estados de los Estados Unidos en el ejemplo anterior, sería una larga lista. Por lo tanto, probablemente desearía establecer el atributo de tamaño en un número menor, como 5, lo que permitiría que solo cinco de los nombres de estado sean visibles al mismo tiempo.

El atributo múltiple
Cuando este atributo se incluye en la etiqueta de selección, se puede seleccionar más de una opción.

Los atributos de la etiqueta de opción

El atributo de valor
El atributo de valor para la etiqueta de opción establece una opción u opción diferente para cada etiqueta de opción en el grupo. Cuando se selecciona una etiqueta de opción, el valor asociado con esa etiqueta se envía al programa de procesamiento. Como puede ver en el ejemplo, el valor asignado a las etiquetas de opción (OH y FL) no es el mismo que el nombre de los estados asociados con cada etiqueta de opción. Los nombres de estado se mostrarán en el formulario web, pero el valor enviado al programa serán las abreviaturas de estado.

El atributo seleccionado
Cuando este atributo se incluye en la etiqueta de la opción de apertura, esa opción se preseleccionará cuando el formulario web aparezca por primera vez en la página web.

Instrucciones De Vídeo: Curso de HTML y CSS #61 - Formularios: select y option (Abril 2024).

Las etiquetas de selección y opción HTML: la lista de menú, HTML, etiqueta de opción HTML, etiquetas de selección HTML, cómo crear un menú desplegable, cómo crear una lista de menú en HTML, seleccionar etiquetas y sus atributos, etiquetas de opción y los atributos

Artículo Anterior

Artículo Siguiente

Copia de efecto de transición de página Flash a cuadrícula

Abril 2024

En este tutorial de Flash, crearemos un efecto de transición de página muy popular utilizando el asistente Flash Copy to Grid. Este asistente de Copiar a la cuadrícula ha estado presente en varias...

ordenadores

Luz sobre efecto Animación Photoshop CS2

Abril 2024

Hace unos días, uno de mis lectores me envió la URL de una animación especial que vio en un sitio web. Quería crear una animación similar en Photoshop CS2. Así que decidí hacer de eso el tema del...