Cómo crear una lista desplegable en un formulario html 5
Las listas desplegables son una característica común en las páginas web y HTML5 hace que la creación de ellos bastante infalible. Las listas desplegables permiten, el programador, para especificar un número de opciones que los visitantes de su sitio web puede hacer sin necesidad de escribir (una lista se muestra en la figura). Las listas desplegables son especialmente agradable, ya que no requieren una gran cantidad de espacio de la pantalla - las opciones son visibles sólo mientras el usuario está seleccionando ellos.
Las listas desplegables tienen un atributo muy valiosa, ya que evitan que ciertos tipos de errores. Las opciones limitadas hacen que la respuesta muy predecible porque predeterminar todas las posibles respuestas. Usted no tiene que hacer frente a todas las cosas locas usuarios pueden escribir en un cuadro de texto.
En HTML5 / XHTML, listas desplegables son creados por dos tipos de objeto. La estructura general utiliza el etiquetas, mientras que cada una de las posibles opciones tiene sus propias etiqueta, como el código de una página web con una lista desplegable muestra:
formDemo.html forma de demo
La lista de selección es una potencia real, por lo que debe saber cómo hacerlo:
crear el elemento primero.
El contenedor de la lista es una elemento. La lista completa está encerrado en el par.
Dar el seleccionar elemento de un ID.
Vamos a usar este ID para referirse al elemento de código.
Añadir una opción elemento al elemento de selección.
Ayuda a sangrar las opciones para recordar que son parte de la seleccionar objeto.
Dé a cada opción de un valor.
El valor es la respuesta enviada a un programa cuando el usuario elige una opción. El usuario no necesariamente va a ver el valor.
Indica el texto que el usuario verá entre el y las etiquetas.
Esto puede ser diferente del valor, o el mismo. (Eso hará más sentido después de hacer la codificación algo de javascript.)
Añadir tantas opciones como desee.
Crear un nuevo objeto opción para cada opción que desea tener disponible en la lista.
Seleccione las casillas no lo hacen tener tener el comportamiento desplegable. Si desea que el cuadro a ocupar más espacio vertical en la página, basta con especificar el número de filas con el tamaño atributo.