Cómo crear campos de lista desplegables en html5

Video: Listas De Seleccin Y Listas Desplegables en HTML5 clase 38

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:

Video: Seleccionar departamentos provincias distritos con PHP y jQuery

• crea la lista.

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

• Una coleccion de los elementos individuales de la lista identifica opciones.

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

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

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

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

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

  Si se le da un stand-alone atribuir un valor, ese valor debe ser el mismo que el nombre del atributo en sí (es decir, tanto múltiple y múltiple =”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.

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