Cómo crear una lista desplegable para su html5 y css3 páginas web basadas
Video: Como hacer un menú de navegación desplegable con Animaciones CSS3
La lista desplegable es una herramienta de selección favorita de HTML5 y CSS3 desarrolladores web. La lista desplegable tiene algunos elementos muy útiles que hacen que el desarrollo de una multitud enorme red complaciente:
Se ahorra espacio en la pantalla. Sólo la selección actual está mostrando. Cuando el usuario hace clic en la lista, una serie de opciones desplegable y luego desaparecen de nuevo después de que se hizo la selección.
Limita entrada. Las únicas cosas que el usuario puede elegir son las cosas que has puesto en la lista. Esto hace que sea mucho más fácil de manejar las entradas posibles, ya que no tiene que preocuparse por los errores de escritura.
Video: como hacer un menu desplegable con HTML5 y CSS3
El valor puede ser diferente de lo que ve el usuario. Esto parece como una ventaja extraño, pero no llegar a ser muy útil a veces.
El código para esta sencilla lista desplegable a continuación:
basicSelect.html
El objeto es un poco diferente de algunos de los otros elementos de entrada que está acostumbrado, como
Está rodeado de apair. Estas etiquetas indican la lista completa.
TheObject tiene anattribute. A pesar de que el objeto tiene muchas otras etiquetas en el interior, por lo general sólo el objeto en sí tiene un atributo.
Contiene una serie ofpairs. Cada selección individual se encuentra en un conjunto.
Eachtag tiene un valor asociado a él. El valor se utiliza por el código. El valor no es necesariamente lo que el usuario ve.
El contenido betweenis visible para el usuario. El contenido es lo que el usuario realmente ve.
Seleccione las casillas no requieren el comportamiento desplegable. Si lo desea, puede especificar el número de filas que se mostrarán con el atributo. En este caso, el número de filas que especifique estará siempre visible en la pantalla.