Cómo crear una lista desplegable para su html5 y css3 páginas web basadas

La lista desplegable es una herramienta de selección favorita de los desarrolladores web HTML5 y CSS3. La lista desplegable tiene algunos elementos muy útiles que lo convierten en un deleitó al público el desarrollo de gran web:

  • 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 desaparecer de nuevo después de que se haga la selección.

  • Limita entrada. Lo único 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 potenciales porque usted no tiene que preocuparse por los errores de escritura.

  • 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.

    imagen0.jpg

El código para esta lista desplegable sencillo sigue:

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. Aunque el objeto tiene muchas otras etiquetas en el interior, por lo general sólo el objeto en sí tiene un atributo.

  • Contiene un ofpairs serie. Cada selección individual se encuentra en un conjunto.

  • Eachtag tiene un valor asociado con él. El valor es utilizado por código. El valor no es necesariamente lo que ve el usuario.

  • El contenido betweenis visible para el usuario. El contenido es lo que el usuario ve en realidad.

Seleccione las casillas no requieren el comportamiento desplegable. Si lo desea, puede especificar el número de filas a mostrar con el atributo. En este caso, el número de filas que especifique siempre estará visible en la pantalla.




» » » » Cómo crear una lista desplegable para su html5 y css3 páginas web basadas