Listas desplegables en formularios
- 2. La etiqueta <select> sirve para crear listas desplegables html (que por cierto no obligatoriamente tiene que ser desplegable), y cada uno de los elementos de esa lista son especificados por las etiquetas OPTION u OPTGROUP dentro de ella.
- 3. name: Representa el nombre asociado con la casilla de texto, que permite su identificación en el par nombre/valor. disabled: Crea un lista desactivada, que aparece atenuada size: Si un elemento SELECT se presenta como una lista con desplazamiento (“scrolled list box”), este atributo especifica el número de filas de la lista que deberían ser visibles al mismo tiempo.No es preciso que los agentes visuales presenten un elemento SELECT como una lista (“list box”); pueden usar cualquier otro mecanismo, como por ejemplo un menú desplegable (“drop-down menu”). multiple: Permite al usuario seleccionar varios campos de la lista
- 4. Por cada opción a desplegar en la lista se utiliza la etiqueta <option> la cual puede tener como propiedades selected y valueademás de cualquiera de los atributos inherentes de los objetos html, que puedes revisar en esta entrada.
- 5. Recuerda iniciar con las etiquetas básicas antes de ingresar este código.
- 6. Como puedes ver los values no necesariamente son texto, y cuando son números, no necesariamente van en orden. De hecho, debes siempre recordar que el value será el dato que se enviará cuando el formulario sea enviado. En el ejemplo anterior, los sistemas operativos windows y linux estan revueltos, pero esto puede solucionarse. Con la etiqueta <optgroup> se pueden crear grupos de opciones para así clasificarlos:
- 8. Si lo que se desea es que esta no sea una lista desplegable, entonces se genera un código indicando el size de la lista:
- 10. Copiar en tu cuaderno los elementos nuevos de html y coloca la función que realiza cada uno.