Oznaka select

Oznaka select ustvari spustni seznam za uporabo v HTML obrazcih.

Posamezen element seznama mora biti shranjen v oznaki option.

Atributi

Atribut Opis
multiple Prisotnost tega atributa ustvari multiselekt - spustni seznam, v katerem je mogoče izbrati več elementov s pritiskom tipke Ctrl ali z izbiro z miško.
Izbirni atribut.
name Ime spustnega seznama. Potrebno je za dostop do podatkov vnosnega polja v PHP-ju. Za pravilno delovanje obrazca se imena vnosnih polj ne smejo med seboj ujemati (v enem obrazcu). Če se ujemajo - v PHP bodo prišli podatki tistega vnosnega polja, ki je nižje v HTML kodi.

Primer

Poglejmo, kako deluje spustni seznam:

html<select>
  <option>City1</option>
  <option>City2</option>
  <option>City3</option>
  <option>City4</option>
</select>

Результат:

Primer

Naredimo širino spustnega seznama enako širini največjega elementa (če ni eksplicitno določena s CSS lastnostjo width):

html<select>
  <option>Big City1</option>
  <option>City2</option>
  <option>City3</option>
  <option>City4</option>
</select>

Результат:

Primer . Privzeta izbira

Poskusimo zdaj izbrati mesto privzeto. Naredimo to z atributom selected:

html<select>
  <option>Big City1</option>
  <option selected>City2</option>
  <option>City3</option>
  <option>City4</option>
</select>

Результат:

Primer . Multiselekt

Preoblikujmo običajni select v multiselekt z atributom multiple:

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

Результат:

Opozorilo: ime selecta, določeno v atributu name, mora biti z oglatimi oklepaji na koncu. To je potrebno, da v PHP-ju pridejo vse izbrane vrednosti (sicer pride samo ena - zadnja).

Primer . Več privzetih vrednosti v multiselektu

Poskusimo zdaj v multiselektu privzeto izbrati več kot eno vrednost:

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

Результат:

Glejte tudi

  • atribut selected,
    ki določi privzeto izbrani element seznama
  • oznaka optgroup,
    ki združuje elemente seznama
  • oznaka datalist,
    ki ustvari spustni seznam