Listy rozwijane

W HTML menu rozwijane to lista elementów, która pojawia się, gdy użytkownik kliknie element lub najedzie na niego kursorem. Menu rozwijane są często używane do prezentowania listy opcji w kompaktowy sposób. Aby utworzyć menu rozwijane, użyj znacznika <select> wraz ze znacznikami <option> dla poszczególnych elementów.

Oto podstawowa składnia tworzenia listy rozwijanej w HTML:

<select name="dropdown">
	<option value="value1">Option 1</option>
	<option value="value2">Option 2</option>
	<option value="value3">Option 3</option>
</select>

• <select>: Znacznik definiujący menu rozwijane.

• name: Atrybut, który nadaje menu rozwijanemu nazwę używaną do identyfikacji wybranej wartości podczas wysyłania formularza.

• <option>: Tag definiujący element na liście rozwijanej.

• value: Atrybut określający wartość przypisaną do opcji. Ta wartość jest wysyłana na serwer po przesłaniu formularza.

• Option text: Widoczny tekst wyświetlany na liście rozwijanej dla każdej opcji.

Oto przykład tworzenia listy rozwijanej z trzema opcjami:

<select name="colors">
	<option value="red">Red</option>
	<option value="green">Green</option>
	<option value="blue">Blue</option>
</select>

W tym przykładzie mamy listę rozwijaną o nazwie "colors" i trzy opcje: czerwony, zielony i niebieski.