Cómo crear campos de lista desplegable en html5

Las listas desplegables en formularios en su sitio web son una gran manera de dar a los usuarios una gran cantidad de opciones en una pequeña cantidad de espacio en la pantalla. Utiliza dos etiquetas HTML para crear una lista desplegable:

  • crea la lista.

    Usar una nombre atributo con el elemento para nombrar su lista.

  • Una coleccion de elementos identifica opciones de lista individuales.

    los valor atributo asigna un valor único para cada elemento.

He aquí un ejemplo de marcado para una lista desplegable:

El navegador se convierte esta marcado en una lista desplegable con tres elementos, como se muestra en la figura.

imagen0.jpg

También puede permitir a los usuarios seleccionar más de un elemento de una lista desplegable al cambiar la configuración predeterminada de su lista:

  • Si desea que sus usuarios puedan elegir más de una opción (manteniendo pulsada la tecla Ctrl [Windows] o la tecla Comando [Mac] mientras hace clic en las opciones en la lista), agregue el múltiple atribuir a la etiqueta. El valor de múltiple es múltiple.

    Si le das a un independiente atribuir un valor, ese valor debe ser el mismo que el nombre de la propia atributo (es decir, tanto múltiple y multiple = "múltiple" son legales).

  • Por defecto, el navegador muestra sólo una opción hasta que el usuario hace clic en la flecha del menú desplegable para mostrar el resto de la lista. Utilizar el tamaño atributo con el etiqueta para especificar la cantidad de opciones para mostrar.

    Si especifica menos que el número total de opciones, el navegador incluye una barra de desplazamiento con la lista desplegable.

Puede especificar que una de las opciones de la lista desplegable puede ya seleccionar cuando el navegador carga la página, tal y como se puede especificar una casilla de verificación o botón de opción para ser seleccionados. Sólo tienes que añadir la seleccionado atributo para el etiqueta que desea como predeterminado. Utilice esto cuando es muy probable que una opción, a sabiendas de que los usuarios pueden anular su selección por defecto de forma rápida y sencilla.




» » » » Cómo crear campos de lista desplegable en html5