Ejemplo
Crear una lista desplegable con cuatro opciones:
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
Inténtalo tú mismo " Definición y Uso
La <select> elemento se utiliza para crear una lista desplegable.
Las <option> etiquetas dentro de la <select> elemento definen las opciones disponibles en la lista.
Soporte para el navegador
| Elemento | |||||
|---|---|---|---|---|---|
| <select> | Sí | Sí | Sí | Sí | Sí |
Notas y sugerencias
Consejo: La <select> elemento es un control de formulario y se puede utilizar en un formulario para recolectar información del usuario.
Diferencias entre HTML 4.01 y HTML5
HTML5 ha añadido algunos nuevos atributos.
atributos
= Nuevo en HTML5.
| Atributo | Valor | Descripción |
|---|---|---|
| autofocus | autofocus | Especifica que la lista desplegable debe obtener automáticamente el foco cuando se carga la página |
| disabled | disabled | Especifica que una lista desplegable debe ser desactivado |
| form | form_id | Define una o más formas del campo select pertenece a |
| multiple | multiple | Especifica que las múltiples opciones se pueden seleccionar a la vez |
| name | name | Define un nombre para la lista desplegable |
| required | required | Especifica que se requiere que el usuario seleccione un valor antes de enviar el formulario |
| size | number | Define el número de opciones visibles en una lista desplegable |
Los atributos globales
La <select> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
La <select> etiqueta también es compatible con la atributos de eventos en HTML .
Páginas relacionadas
Referencia HTML DOM: Seleccionar objeto
CSS Tutorial: Formas de estilo
Ajustes por defecto CSS
Ninguna.