Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Select-elementin Käyttäminen Alasvetovalikoissa | HTML-Lomakkeet ja Käyttäjän Syöte
HTML:n Perusteet

Select-elementin Käyttäminen Alasvetovalikoissa

Pyyhkäise näyttääksesi valikon

<select>-elementtiä käytetään luomaan pudotusvalikko, josta käyttäjä voi valita vaihtoehdon. Sitä käytetään tyypillisesti lomakkeissa, joissa käyttäjän tulee valita ennalta määritellyistä vaihtoehdoista. Sitä käytetään aina yhdessä <option>-elementtien kanssa. <option>-elementit määrittävät yksittäiset vaihtoehdot pudotusvalikossa.

index.html

index.html

<select>-elementillä on myös useita attribuutteja, joilla voidaan muokata sen toimintaa, kuten:

  • name: select-elementin nimi, käytetään lomakkeen lähetyksessä;
  • size: näkyvien vaihtoehtojen määrä pudotusvalikossa;
  • multiple: jos asetettu, käyttäjä voi valita useita vaihtoehtoja;
  • disabled: jos asetettu, select-elementti on poissa käytöstä.

Listan jakamiseen erillisiin, toisistaan riippumattomiin ryhmiin voidaan käyttää <optgroup>-tagia. label-attribuutilla annetaan ryhmälle otsikko.

index.html

index.html

Note
Huomio

Oletuksena ensimmäinen <option> valitaan listasta. Jos haluat muuttaa tätä, voit lisätä selected-attribuutin mihin tahansa <option>-elementtiin.

question mark

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

Valitse oikea vastaus

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

Osio 5. Luku 8
some-alt