Silt select

Silt select loob rippmenüü HTML vormides kasutamiseks.

Üksik loendipunkt tuleb hoida sildis option.

Atribuudid

Atribuut Kirjeldus
multiple Selle atribuudi olemasolu loob multivaliku - rippmenüü, kus saab valida mitu punktit, hoides all klahvi Ctrl või tõstes need hiirega esile.
Vabatahtlik atribuut.
name Rippmenüü nimi. Vajalik, et saaks välja andmeid PHP-s kätte. Vormi korrektseks tööks ei tohi väljade nimed üksteisega kattuda (ühes vormis). Kui need kattuvad - saabub PHP-sse selle välja andmed, mis on HTML-koodis allpool.

Näide

Vaatame, kuidas rippmenüü töötab:

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

Результат:

Näide

Teeme rippmenüü laiuse võrdseks suurima elemendi laiusega (kui seda ei ole selgelt määratud CSS omadusega width):

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

Результат:

Näide . Vaikevalik

Nüüd proovime linna vaikimisi valida. Teeme selle atribuudiga selected:

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

Результат:

Näide . Multivalik

Muudame nüüd tavalise valiku multivalikuks atribuudi multiple abil:

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

Результат:

Pange tähele, et valiku nimi, mis on määratud atribuudis name, peab olema nurksulgudega lõpus. See on vajalik selleks, et PHP-sse tuleksid kõik valitud väärtused (muidu tuleb ainult üks - viimane).

Näide . Mitu vaikeväärtust multivalikus

Nüüd proovime multivalikus vaikimisi valida rohkem kui ühe väärtuse:

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

Результат:

Vaata ka

  • atribuut selected,
    mis määrab vaikimisi valitud loendipunkti
  • silt optgroup,
    mis grupeerib loendipunkte
  • silt datalist,
    mis loob rippmenüü