<select>

Sumari

L'element HTML seleccionar (<select>)  és un control que mostra un menú d'opcions. Les opcions del menú estan representades per elements <option>, que es poden agrupar per elements <optgroup>. Les opcions poden ser pre-seleccionades per l'usuari.

Contingut d'ùs

Atributs

Aquest element inclou els atributs globals.

autofocus HTML5

Aquest atribut permet especificar que un control de formulari ha de tenir el focus d'entrada quan es carrega la pàgina, llevat que l'usuari el redefineixi, per exemple escrivint en un control diferent. Només un element de formulari en un document pot tenir l'atribut autofocus, el qual és un valor booleà.

disabled

Aquest atribut booleà indica que l'usuari no pot interactuar amb el control. Si no s'especifica aquest atribut, el control hereta la seva configuració des de l'element que ho conté, per exemple fieldset; si no hi ha cap element que ho conté amb l'atribut disabled establert, llavors el control està enabled.

form HTML5

L'element formulari en el qual està associat l'element select (el seu "formulari propietari"). Si s'especifica aquest atribut, el seu valor ha de ser l'ID d'un element formulari en el mateix document. Això li permet col.locar elements select en qualsevol lloc dins d'un document, no només com descendents dels seus elements de formulari.

multiple

Aquest atribut booleà indica que es poden fer seleccions múltiples a la llista. Si no s'especifica, llavors només una opció pot ser seleccionada alhora.

name

El nom del control.

required HTML5

Un atribut booleà que indica que una opció amb un valor de cadena no buida ha d'està seleccionat.

selected

Un atribut booleà el qual indica que una opció específica es pot seleccionar inicialment.

size

Si el control es mostra com un quadre de llista desplegable, aquest atribut representa el nombre de files en la llista que han de ser visibles alhora. Els navegadors no estan obligats a presentar un element de selecció com un quadre de llista desplegable. El valor per defecte és 0.

Interfície DOM

Aquest element implementa la interfície HTMLSelectElement.

Exemples

<!-- The second value will be selected initially -->
<select name="select">
  <option value="value1">Value 1</option> 
  <option value="value2" selected>Value 2</option>
  <option value="value3">Value 3</option>
</select>

Resultat

Value 1Value 2Value 3

Notes

El contingut d'aquest element és estàtic i no editable.

Especificacions

Navegadors compatibles

[1]En l'aplicació del navegador per Android 4.1 (i possiblement versions posteriors), hi ha un error en el qual el triangle indicador de menú al costat d'un <select> no es mostrarà si un estil background, border o border-radius s'aplica a <select>.

[2] Firefox per a Android, per defecte, fixa un gradient background-image en tots els elements <select multiple>. Això es pot desactivar usant background-image: none.

[3] Històricament, Firefox ha permès que els esdeveniments del teclat i ratolí es generin des de l'element <opció> fins l'element pare <select>. Això no succeeix en Chrome, encara que aquest comportament és incoherent en molts navegadors. Per a una millor compatibilitat web (i per raons tècniques), quan Firefox està en modalitat multi-procés l'element <select> es mostra com una llista desplegable. El comportament és sense canvis si <select> es mostra en línia i té l'atribut multiple definit o un atribut size ajustat a més de 1. En lloc d'observar esdeveniments en elements <option>, heu d'estar atents en els esdeveniments change en <select>. Veure errada 1090602 per a més informació.

Tant Chrome com Safari ignoren border-radius en elements <select> a menys que es reemplaci -webkit-appearance a un valor apropiat.

Veure

• Altres elements relacionats amb formularis : <form>, <legend>, <label>, <button>, <option>, <datalist>, <optgroup>, <fieldset>, <textarea>, <keygen>, <input>, <output>, <progress> and <meter>.