Descripción
El elemento select en HTML se utiliza para crear un menú desplegable de opciones. Cada opción dentro del menú desplegable se define utilizando la etiqueta option. La etiqueta select es útil cuando se quiere proporcionar una lista de opciones a elegir en un formulario.
El elemento select es especialmente útil cuando se tiene una lista larga de opciones y se desea mantener el formulario limpio y ordenado. Asegúrate de proporcionar suficiente información con cada opción para que el usuario pueda tomar una decisión informada.
Sintaxis
<select>
<option value="opcion1">Opción 1</option>
<option value="opcion2">Opción 2</option>
</select>
Atributos
Atributos Globales
- accesskey
- autocapitalize
- autofocus
- contenteditable
- dir
- draggable
- enterkeyhint
- hidden
- inputmode
- is
- itemid
- itemprop
- itemref
- itemscope
- itemtype
- lang
- nonce
- spellcheck
- style
- tabindex
- title
- translate
Ejemplo
<form>
<label for="frutas">Elige una fruta:</label>
<select id="frutas">
<option value="manzana">Manzana</option>
<option value="platano">Platano</option>
<option value="naranja">Naranja</option>
</select>
</form>
En este ejemplo, creamos un menú desplegable con el elemento select. El usuario puede seleccionar entre manzana, plátano y naranja.
Artículos
Vídeos HTML
Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.