Linea de Codigo

Por defecto, cuando montamos un menú de selección en HTML vemos que podemos escoger una sola de las opciones. Veamos el código normal a la hora de construir un combo SELECT de opciones:

 
<select id="favoritos" name="favoritos" size=6>
<option value="deportes">Deportes</option>
<option value="cine">Cine</option>
<option value="teatro">Teatro</option>
<option value="fotografía">Fotografía</option>
<option value="lectura">Lectura</option>
<option value="viajes">Viajes</option>
<option value="pintura">Pintura</option>
<option value="música">Música</option>
<option value="otros">Otros</option>
</select>
 

Si queremos que el usuario pueda marcar diferentes de las opciones tendremos que hacer uso del atributo multiple dentro del SELECT. Si asignamos el valor:

multiple="multiple"

Habilitaremos la selección múltiple. Veamos como quedaría el nuevo código:

 
<select id="favoritos" name="favoritos" multiple="multiple" size=6>
<option value="deportes">Deportes</option>
<option value="cine">Cine</option>
<option value="teatro">Teatro</option>
<option value="fotografía">Fotografía</option>
<option value="lectura">Lectura</option>
<option value="viajes">Viajes</option>
<option value="pintura">Pintura</option>
<option value="música">Música</option>
<option value="otros">Otros</option>
</select>