Exemplu
Creați o listă derulantă cu patru opțiuni:
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
Încearcă - l singur » Definiție și utilizare
<select> Elementul este folosit pentru a crea o listă drop - down.
În <option> tag - urile din interiorul <select> elementul definesc opțiunile disponibile în listă.
Suport pentru browser-
| Element | |||||
|---|---|---|---|---|---|
| <select> | da | da | da | da | da |
Sfaturi și note
Tip: <select> element este o formă și de control poate fi utilizat într - o formă pentru a colecta date introduse de utilizator.
Diferențe între HTML 4.01 și HTML5
HTML5 a adăugat unele noi atribute.
atribute
= Nou în HTML5.
| Atribut | Valoare | Descriere |
|---|---|---|
| autofocus | autofocus | Specifică faptul că lista verticală ar trebui să se concentreze în mod automat atunci când se încarcă pagina |
| disabled | disabled | Specifică faptul că o listă derulantă ar trebui să fie dezactivat |
| form | form_id | Definește una sau mai multe forme de selectare aparține domeniului pentru |
| multiple | multiple | Specifică faptul că mai multe opțiuni pot fi selectate dintr-o dată |
| name | name | Definește un nume pentru lista drop-down |
| required | required | Specifică faptul că utilizatorul trebuie să aleagă o valoare înainte de a trimite formularul |
| size | number | Definește numărul de opțiuni vizibile într-o listă drop-down |
Atribute globale
<select> tag - ul sprijină , de asemenea, Atributele Global in HTML .
Atribute Eveniment
<select> tag - ul sprijină , de asemenea, Atribute eveniment în HTML .
Pagini similare
HTML DOM de referință: Selectați Obiect
CSS Tutorial: Formulare de styling
Setări implicit CSS
Nici unul.