Manual de referencia HTML

大全 de etiquetas HTML

HTML: <small> etiqueta HTML: <section> etiqueta

HTML: <select> etiqueta

El elemento HTML <select> representa un control que crea una lista desplegable para que el usuario pueda seleccionar. Estos valores desplegables se definen por una serie de etiquetas <option> dentro de la etiqueta <select>. Esta etiqueta también se conoce como elemento <select>.

Ejemplo en línea

Crea una lista desplegable con múltiples opciones:

Ejemplo

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Uso de la etiqueta HTML select (Tutoriales básicos de la web oldtoolbag.com)</<title>
</<head>
<body>
<label for="pet-<select>Elige un animal: </label>
<select name="pets" id="pet-select>
　　　　<option value="">--Por favor, seleccione una opción--</option>
　　　　<option value="dog">Dog</option>
　　　　<option value="cat">Cat</option>
　　　　<option value="hamster">Hamster</option>
　　　　<option value="parrot">Parrot</option>
　　　　<option value="spider">Spider</option>
　　　　<option value="goldfish">Goldfish</option>
</select>
</body>
</html>

Prueba y observa ‹/›

Compatibilidad con navegadores

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten la etiqueta <select>.

Definición y explicación de uso de la etiqueta

El elemento <select> se utiliza para crear una lista desplegable.
Dentro del elemento <select> <option> Etiquetas, que proporcionan una lista de valores desplegables y opciones disponibles.

Por defecto, la primera opción del marcador <select> se mostrará como el elemento seleccionado. El usuario puede seleccionar otra opción en la lista desplegable.

Consejos y notificaciones

Consejo:<select> elemento es un control de formulario que se puede usar para aceptar entradas del usuario en un formulario.

HTML 4.01 con HTML5diferencias

HTML5 Se han agregado algunas nuevas propiedades.

Atributo

New: HTML5 nuevas propiedades.

Atributo	Valor	Descripción
autofocusHTML5	autofocus	Define que la lista desplegable obtendrá el foco automáticamente al cargar la página.
disabled	disabled	Cuando este atributo es true, se desactivará la lista desplegable.
formHTML5	form_id	Define un o varios formularios a los que pertenece el campo select.
multiple	multiple	Cuando este atributo es true, se pueden seleccionar múltiples opciones.
name	text	Define el nombre de la lista desplegable.
requiredHTML5	required	Define que el usuario debe seleccionar una opción de la lista desplegable antes de enviar el formulario.
size	number	Define el número de opciones visibles en la lista desplegable.

Atributos globales

Soporte de <select> etiqueta Atributos globales de HTML.

Atributos de eventos

Soporte de <select> etiqueta Atributos de eventos de HTML.