Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Using the Select Element for Avattavissa Valikoissa | HTML-Lomakkeet ja Käyttäjän Syöte
HTML:n Perusteet

bookUsing the Select Element for Avattavissa Valikoissa

Elementti <select> käytetään luomaan avattava valikko, josta käyttäjä voi valita vaihtoehtoja. Sitä käytetään tyypillisesti lomakkeissa, joissa käyttäjän on valittava ennalta määritellyistä vaihtoehdoista. Se käytetään aina yhdessä <option>-elementtien kanssa. <option>-elementit määrittelevät yksittäiset kohteet avattavassa valikossa.

index.html

index.html

copy

Elementillä <select> on myös useita attribuutteja, joita voidaan käyttää sen toiminnan muokkaamiseen, mukaan lukien:

  • name: valintaelementin nimi, jota käytetään lomakkeen lähettämisessä;
  • size: näkyvien vaihtoehtojen määrä avattavassa valikossa;
  • multiple: jos läsnä, sallii käyttäjän valita useita vaihtoehtoja;
  • disabled: jos läsnä, poistaa valintaelementin käytöstä.

Jakaaksesi luettelon erillisiin, toisistaan riippumattomiin ryhmiin, voit käyttää <optgroup>-tagia. label-attribuuttia käytetään antamaan ryhmälle otsikko.

index.html

index.html

copy

Huomautus

Oletuksena ensimmäinen <option> on valittu luettelossa. Jos haluat muuttaa sitä, voit lisätä selected-attribuutin mihin tahansa <option>-elementtiin.

question mark

Mikä on <select>-elementin pääasiallinen tehtävä HTML:ssä?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 5. Luku 8

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Awesome!

Completion rate improved to 2.56

bookUsing the Select Element for Avattavissa Valikoissa

Pyyhkäise näyttääksesi valikon

Elementti <select> käytetään luomaan avattava valikko, josta käyttäjä voi valita vaihtoehtoja. Sitä käytetään tyypillisesti lomakkeissa, joissa käyttäjän on valittava ennalta määritellyistä vaihtoehdoista. Se käytetään aina yhdessä <option>-elementtien kanssa. <option>-elementit määrittelevät yksittäiset kohteet avattavassa valikossa.

index.html

index.html

copy

Elementillä <select> on myös useita attribuutteja, joita voidaan käyttää sen toiminnan muokkaamiseen, mukaan lukien:

  • name: valintaelementin nimi, jota käytetään lomakkeen lähettämisessä;
  • size: näkyvien vaihtoehtojen määrä avattavassa valikossa;
  • multiple: jos läsnä, sallii käyttäjän valita useita vaihtoehtoja;
  • disabled: jos läsnä, poistaa valintaelementin käytöstä.

Jakaaksesi luettelon erillisiin, toisistaan riippumattomiin ryhmiin, voit käyttää <optgroup>-tagia. label-attribuuttia käytetään antamaan ryhmälle otsikko.

index.html

index.html

copy

Huomautus

Oletuksena ensimmäinen <option> on valittu luettelossa. Jos haluat muuttaa sitä, voit lisätä selected-attribuutin mihin tahansa <option>-elementtiin.

question mark

Mikä on <select>-elementin pääasiallinen tehtävä HTML:ssä?

Select the correct answer

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 5. Luku 8
some-alt