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 1. Luku 29

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

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

Osio 1. Luku 29
some-alt