Select HTML

Tagul <select> este utilizat pentru crearea listelor (drop-down lists). Cu ajutorul tagului<option> din interiorul elementului <select>se definesc optiunile disponibile in lista.

Exemplu:

Limba materna: <select> <option>Romana</option> <option>Engleza</option> <option>Franceza</option> </select>

Limba materna:  Romana Engleza Franceza 


Implicit meniul va afisa primul element din lista. Pentru a afisa un alt element decat cel implicit, se va specifica atributulselected="yes" optiunii care dorim sa fie afisata prima in lista.

Limba materna: <select> <option>Romana</option> <option selected="yes">Engleza</option> <option>Franceza</option> </select>

Limba materna:  Romana Engleza Franceza 


Select - atributul "size"
Implicit doar 1 singur element din lista este vizibil, insa acest lucru se poate schimba cu ajutorul atributului size adaugat marcajului <select>

Limba materna: <select size="3"> <option>Romana</option> <option>Engleza</option> <option>Franceza</option> </select>

1.   Ce să mai citim?

2. Ce să mai citim?

3. Tatăl fondator al Uniunii Europene.            

4. Colonizarea de pe Marte !

5.   Ne pregătim pentru Marte

6. Colonizarea Marte poate determina umanitatea să-și modifice ADN-ul ?

7. Cine mai urăște să poarte mască?

Select - selectare multipla
Implicit se permite selectarea unui singur element din lista, insa este posibil ca mai multe de 1 element din lista sa poata fi selectat.
Pentru aceasta se va specifica atributul multiple="yes"

Limba materna: <select size="3" multiple="yes"> <option>Romana</option> <option>Engleza</option> <option>Franceza</option> </select>