Control+Formulario+Lista+Desplegable


 * LISTAS DESPLEGABLES: GUIA DE USO DEL CONTROL SELECT**

Para mostrar una lista de opciones en un formulario, de las que puedan ser seleccionadas una o màs por el usuario, se utilizan las etiquetas de apertura y cierre select:   Para definir las diferentes opciones de la lista, utilizamos el objeto OPTION, que se inserta entre las anteriores etiquetas:   Opción de la lista 1   Opción de la lista 2   Opción de la lista 3  

Atributos del objeto select:
 * name** – Nombre del objeto.
 * size** - Define el número de opciones que se muestran simultaniamente en pantalla cuando el elemento no esta desplegado.
 * multiple** – Determina que el usuario puede seleccionar mas de una opcion, para tratar selects multiples con php el nombre del select deberá ser del estilo **nombre[]**.

Atributos de los objetos option:

Vamos a ver un ejemplo de select teniendo en cuenta los atributos que hemos visto para select y option: size= "2" name= "Select1" multiple> <span style="font-family: Nimbus Roman No9 L,serif;"> <span style="color: #00ffff; font-family: Nimbus Roman No9 L,serif;"><option <span style="color: #00ffff; font-family: Nimbus Roman No9 L,serif;">value= <span style="font-family: Nimbus Roman No9 L,serif;">"1" <span style="color: #00ffff; font-family: Nimbus Roman No9 L,serif;">> <span style="color: #00ff00; font-family: Nimbus Roman No9 L,serif;">Opcion 1 <span style="color: #00ffff; font-family: Nimbus Roman No9 L,serif;"> <span style="font-family: Nimbus Roman No9 L,serif;"> <span style="color: #00ffff; font-family: Nimbus Roman No9 L,serif;"><option <span style="color: #00ffff; font-family: Nimbus Roman No9 L,serif;">value= <span style="font-family: Nimbus Roman No9 L,serif;">"2" <span style="color: #00ffff; font-family: Nimbus Roman No9 L,serif;">> <span style="color: #00ff00; font-family: Nimbus Roman No9 L,serif;">Opcion 2 <span style="color: #00ffff; font-family: Nimbus Roman No9 L,serif;"> <span style="font-family: Nimbus Roman No9 L,serif;"> <span style="color: #00ffff; font-family: Nimbus Roman No9 L,serif;"><option <span style="color: #00ffff; font-family: Nimbus Roman No9 L,serif;">value= <span style="font-family: Nimbus Roman No9 L,serif;">"3" <span style="color: #ff00ff; font-family: Nimbus Roman No9 L,serif;">selected <span style="color: #00ffff; font-family: Nimbus Roman No9 L,serif;">> <span style="color: #00ff00; font-family: Nimbus Roman No9 L,serif;">Opcion 3 <span style="color: #00ffff; font-family: Nimbus Roman No9 L,serif;"> <span style="font-family: Nimbus Roman No9 L,serif;"> <span style="color: #ff00ff; font-family: Nimbus Roman No9 L,serif;"></SELECT>
 * value** - Indica el valor que tomará el select cuando esta opcion sea la seleccionada
 * selected** - Cuando un option es selected, aparece seleccionado por defecto.

Creamos un campo select en el que el visitante puede seleccionar mas de una opcion, que mostrará 2 opciones simultaneamente y que tendra seleccionada la tercera desde el principio.

Para seleccionar mas de una opcion usaremos **[Ctrl] + click** o **[Shift] + click** para seleccionar en grupo.