Unidad 8. Formularios (III)

Campos de selección <select> ...

Los campos de selección se utilizan para insertar menús y listas desplegables.

Para insertar uno de estos menús o listas es necesario insertar las etiquetas <select> y </select> en un formulario.

El atributo name indica el nombre del menú o lista será el nombre de la variable que contendrá el valor seleccionado.

El atributo size indica el número de elementos de la lista que pueden ser visualizados al mismo tiempo, determina el alto de la lista.

La aparición del atributo multiple indica que el usuario podrá seleccionar varios elementos de la lista al mismo tiempo, ayudándose de la tecla Ctrl. Este atributo no toma valores.

La aparición del atributo disabled indica que la lista estará desactivada, por lo que el usuario no podrá seleccionar sus elementos. Este atributo tampoco toma valores.

Cada uno de los elementos de la lista ha de insertarse entre las etiquetas <option> y </option>.

El atributo value indica el valor a enviar si se selecciona el elemento. Si no se especifica este atributo, se enviará el texto de la opción, que se encuentra entre las etiquetas <option> y </option>.

La aparición del atributo selected indica que el elemento aparecerá seleccionado. Este atributo no toma valores.

Por ejemplo, para insertar el menú:

--- Elige mascota --- Perro Gato

Habría que escribir:

<select name="mascota">
  <option selected>--- Elige animal ---</option>
  <option>Perro</option>
  <option>Gato</option>
</select>

Y para insertar la lista:

---Elige animales--- Loro Perro Gato Pez

Habría que escribir:

<select name="animal" size="3" multiple>
  <option selected>---Elige animales---</option>
  <option value="ave">Loro</option>
  <option>Perro</option>
  <option>Gato</option>   
  <option>Pez</option>
</select>

Para practicar los distintos aspectos explicados en el tema puedes realizar el Ejercicio paso a paso Insertar elementos de formulario.

  Ejercicios del Tema 8.

  Prueba evaluativa del Tema 8.

Pág. 8.3