Tutorial HTML - Select

  »   Formulare in HTML  »   Tutoriale HTML - drop down lits, drop down menu, liste, formular de selectie

HTML - Liste "drop down" si formulare de selectie

Listele "drop down" sunt dintre cele mai practice tipuri de liste. Probabil ca le-ati intalnit peste tot pe internet fara sa stiti insa ca au un nume atat de "fancy".

html<select name="camp_select">

	<option>Alba-Iulia</option>
	<option>Bucuresti</option>
	<option>Cluj</option>

</select>

Demo

Browser-ul va afisa automat prima optiune. Acest lucru se poate insa schimba cu ajutorul atributului selected.

html<select name="camp_select"> 
	
	<option>Alba-Iulia</option> 
	<option selected="selected">Bucuresti</option> 
	<option>Cluj</option>
	
</select>

Demo

HTML - Formulare de selectie

Vom folosii atributul size pentru a schimba o lista drop down intr-un formular de selectie.

html<select size="3">

	<option>Alba-Iulia</option>
	<option>Bucuresti</option>
	<option>Cluj</option>

</select>

Demo

HTML - Selectare multipla

In cazul in care userul doreste sa aleaga mai multe dintre optiunile oferite ii vom facilita acest lucru cu ajutorul atributului multiple.

html<select multiple="yes" size="3">

	<option>Alba-Iulia</option>
	<option>Bucuresti</option>
	<option>Cluj</option>

</select>

Demo

Este de inteles ca acest atribut nu va functiona cu o lista simpla dropdown.