La lista desplegable más simple en HTML es fácil de crear usando la etiqueta de selección. Esta es una etiqueta de contenedor, las etiquetas de opción están incrustadas en ella; especifican los elementos de la lista.
Hay varias opciones para listas que puedeshacer uso de la etiqueta de selección: una lista desplegable (las opciones se omiten después de hacer clic en el campo principal o señalar con el cursor) y una lista de opciones múltiples; en ella, el usuario puede seleccionar varios elementos. Los primeros son más comunes, son un elemento importante de la navegación de los sitios modernos. Se puede aplicar una lista desplegable de selecciones múltiples, por ejemplo, en directorios donde se deben seleccionar varias características del producto.
Puede cambiar el aspecto y las propiedades de las listas utilizando atributos universales y especiales.
Los atributos de la etiqueta de selección
1. Múltiple: establece la opción múltiple.
2.Tamaño - especifica el número de líneas visibles en la lista, que es la altura. Y luego todo depende de si el atributo es múltiple o no. Si es así, y usted no especifica cama, a continuación, en la presencia de múltiples usuarios verán todas sus opciones, pero si múltiple no está presente, se demuestra que es sólo una línea, y el otro usuario podrá leer, cuando hacer clic en el icono del ascensor en el lado derecho. Si la altura del tamaño especificado, y es menor que el número de opciones en el desplazamiento a la derecha aparece la barra.
3. Nombre es el nombre. Una lista desplegable puede prescindir de ella, pero puede ser necesario interactuar con un controlador en el servidor. Como regla, el nombre todavía indica.
La etiqueta de selección no tiene atributos obligatorios, a diferencia de la etiqueta de opción.
Atributos de la etiqueta de opción anidada
- Seleccionado: sirve para resaltar un elemento de la lista. El usuario puede seleccionar más de un elemento si se especifica el atributo múltiple (ver arriba).
- El valor es el valor Este atributo es obligatorio. El servidor web debe comprender qué elementos ha seleccionado el usuario.
- EtiquetaCon este atributo, puede acortar los elementos de la lista que son demasiado largos. Por ejemplo, la pantalla mostrará "Milán", en lugar de la opción "Milán - el centro administrativo de Lombardía" especificada en la etiqueta. Norte de Italia ". Este atributo también se usa para agrupar elementos en la lista.
En cuanto al ancho de la lista, se establece de forma predeterminada a la longitud del texto más ancho de la lista. Por supuesto, el ancho se puede cambiar usando estilos HTML.
Lista desplegable de otras maneras.
Se puede hacer usando CSS, por ejemplo,La lista aparecerá cuando pase el mouse sobre un elemento de la página. Las excelentes oportunidades para crear listas proporcionan JavaScript, lo que simplifica el trabajo de la biblioteca Jquery. Una lista desplegable conectada utilizando esta biblioteca puede ser muy compleja, por ejemplo, en cascada. Es decir, cuando selecciona un artículo en una lista, aparece la siguiente lista, por ejemplo, hay un elemento del menú "Ropa de mujer" (tipos de ropa que se retiran cuando se desplaza), luego, cuando selecciona uno de los tipos, por ejemplo, Ropa exterior, una lista con artículos: Parques, abrigos, abrigos de coches, abrigos de pieles, etc.
Мы поверхностно перечислили основные способы, при Ayuda que puede crear una lista desplegable. Por supuesto, hay muchos matices en HTML, en CSS y en JavaScript, que le permiten cambiar la funcionalidad y la apariencia de las listas.
