Elemente de formulare HTML: input, select, option. Atributele type și size.

Elemente de formulare HTML

Acest capitol descrie toate elementele de formă HTML.

Elementul <input>

Cel mai important element de formă este elementul <input>.
Elementul <input> poate fi afișat în mai multe moduri, în funcție de atributul type.

Exemplu:

<input name="firstname" type="text">

Dacă atributul type este omis, câmpul de intrare primește tipul implicit: "text".

Elementul <select>

Elementul <select> definește o listă derulantă (drop-down list):

Exemplu:

<select name="mașini">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="fiat">Fiat</option>
  <option value="audi">Audi</option>
</select>

Elementul  <option> definește o opțiune care poate fi selectată.
În mod implicit, este selectat primul element din lista derulantă (drop-down list).
Pentru a defini o opțiune preselectată, adăugați atributul selectat la opțiune:

Exemplu:

<option value="fiat" selected>Fiat</option>

Valori vizibile:

Utilizați atributul size pentru a specifica numărul de valori vizibile:

Exemplu:

<select name="mașini" size="3">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="fiat">Fiat</option>
  <option value="audi">Audi</option>
</select>