El objeto select, nos permite mostrar una lista de opciones en un formulario, para que nuestros visitantes seleccionen una o mas opciones antes de enviar el formulario.
Para definir diferentes las opciones, utilizaremos el objeto option, que insertaremos entre las etiquetas de apertura y cierre del select ( <select> y </select> ) de la siguiente manera:
000
001
002
003
004
|
<select>
<option>Opcion 1</option>
<option>Opcion 2</option>
<option>Opcion 3</option>
</select>
|
A continuación teneis la principales propiedades del objeto select, que nos permiten deinir su comportamiento:name - Este atributo, común en todos los campos de formulario identifica el objeto con su valor.
size - Define el número de opciones que se muestran simultaniamente en pantalla cuando el elemento no esta desplegado.
multiple - Cuando un select es multiple el visitante puede seleccionar mas de una opcion, para tratar selects multiples con php el nombre del select deberá ser del estilo nombre[]. Y estos otros són los principales atributos de los objetos option, que nos definiran como es individualemente una opcion de nuestro 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. Vamos a ver un ejemplo de select teniendo en cuenta los atributos que hemos visto para select y option:
000
001
002
003
004
|
<select size="2" name="Select1" multiple>
<option value="1">Opcion 1</option>
<option value="2">Opcion 2</option>
<option value="3" selected>Opcion 3</option>
</select>
|
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. |
eloi
Introducción al HTML
