Tag select
Tag select vytváří rozbalovací seznam
pro použití v HTML formulářích.
Jednotlivá položka seznamu musí být uložena v
tagu option.
Atributy
| Atribut | Popis |
|---|---|
multiple |
Přítomnost tohoto atributu vytvoří multiselect -
rozbalovací seznam, ve kterém lze vybrat několik položek podržením
klávesy Ctrl nebo jejich označením myší.
Nepovinný atribut. |
name |
Název rozbalovacího seznamu. Je potřeba k tomu, aby bylo možné získat data vstupního pole v PHP. Pro správnou funkci formuláře by se názvy vstupních polí neměly vzájemně shodovat (v jednom formuláři). Pokud se shodují - v PHP přijdou data toho vstupního pole, které je níže v HTML kódu. |
Příklad
Podívejme se, jak funguje rozbalovací seznam:
<select>
<option>City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Příklad
Nastavme šířku rozbalovacího seznamu na
šířku největšího prvku (pokud
není explicitně uvedena pomocí CSS vlastnosti
width):
<select>
<option>Big City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Příklad . Výchozí výběr
A nyní zkusme vybrat město
ve výchozím stavu. Uděláme to pomocí atributu
selected:
<select>
<option>Big City1</option>
<option selected>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Příklad . Multiselect
Nyní přeměňme obyčejný select na
multiselect pomocí atributu multiple:
<select multiple name="city[]">
<option>City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Všimněte si, že název selectu, zadaný v atributu name,
musí mít na konci hranaté závorky. To je potřeba, aby v PHP
přišly všechny vybrané hodnoty (jinak přijde pouze jedna - poslední).
Příklad . Několik výchozích hodnot v multiselectu
A nyní, v multiselectu ve výchozím stavu, zkusme vybrat více než jednu hodnotu:
<select multiple name="city[]">
<option>City1</option>
<option selected>City2</option>
<option>City3</option>
<option selected>City4</option>
</select>
:
