Select-elementin käyttäminen pudotusvalikoissa
<select>-elementillä luodaan pudotusvalikko, josta käyttäjä voi valita vaihtoehdon. Sitä käytetään tyypillisesti lomakkeissa, joissa käyttäjän on valittava ennalta määritellyistä vaihtoehdoista.
Se toimii aina yhdessä <option>-elementtien kanssa. <option>-elementit määrittävät pudotusvalikon yksittäiset kohteet.
index.html
<select>-elementillä on myös useita attribuutteja, joiden avulla sen toimintaa voidaan muokata, esimerkiksi:
name: select-elementin nimi, jota käytetään lomakkeen lähettämisessä;size: näkyvien vaihtoehtojen määrä pudotusvalikossa;multiple: jos käytössä, mahdollistaa usean vaihtoehdon valinnan;disabled: jos käytössä, poistaa select-elementin käytöstä.
Listan jakamiseen erillisiin, toisistaan riippumattomiin ryhmiin voidaan käyttää <optgroup>-tägiä. label-attribuutilla annetaan ryhmälle otsikko.
index.html
Oletuksena ensimmäinen <option> valitaan listasta. Jos haluat muuttaa tätä, voit lisätä selected-attribuutin mihin tahansa <option>-elementtiin.
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Can you show me an example of how to use the `<select>` element with options?
What does the `<optgroup>` tag look like in practice?
How do I use the `multiple` attribute with `<select>`?
Mahtavaa!
Completion arvosana parantunut arvoon 2.38Select-elementin käyttäminen pudotusvalikoissa
Pyyhkäise näyttääksesi valikon
<select>-elementillä luodaan pudotusvalikko, josta käyttäjä voi valita vaihtoehdon. Sitä käytetään tyypillisesti lomakkeissa, joissa käyttäjän on valittava ennalta määritellyistä vaihtoehdoista.
Se toimii aina yhdessä <option>-elementtien kanssa. <option>-elementit määrittävät pudotusvalikon yksittäiset kohteet.
index.html
<select>-elementillä on myös useita attribuutteja, joiden avulla sen toimintaa voidaan muokata, esimerkiksi:
name: select-elementin nimi, jota käytetään lomakkeen lähettämisessä;size: näkyvien vaihtoehtojen määrä pudotusvalikossa;multiple: jos käytössä, mahdollistaa usean vaihtoehdon valinnan;disabled: jos käytössä, poistaa select-elementin käytöstä.
Listan jakamiseen erillisiin, toisistaan riippumattomiin ryhmiin voidaan käyttää <optgroup>-tägiä. label-attribuutilla annetaan ryhmälle otsikko.
index.html
Oletuksena ensimmäinen <option> valitaan listasta. Jos haluat muuttaa tätä, voit lisätä selected-attribuutin mihin tahansa <option>-elementtiin.
Kiitos palautteestasi!
