⌘K

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: 

html<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): 

html<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: 

html<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: 

html<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: 

html<select multiple name="city[]">
  <option>City1</option>
  <option selected>City2</option>
  <option>City3</option>
  <option selected>City4</option>
</select>

Результат:

Viz také

  • atribut selected,
    který nastavuje výchozí vybranou položku seznamu
  • tag optgroup,
    který skupinuje položky seznamu
  • tag datalist,
    který vytváří rozbalovací seznam
BackTag textareaNextTag option