HTML <select> multiple -ominaisuus

HTML <select> -elementti

Määrittely ja käyttö

multiple Ominaisuus on boolean-ominaisuus.

Kun olemassa, se määrittelee, että voidaan valita useita vaihtoehtoja kerralla.

Monivalinnat eri käyttöjärjestelmissä ja selaimissa voivat vaihdella:

  • Windowsissa: pidä painettuna ctrl-näppäintä valitaksesi useita vaihtoehtoja
  • Macissa: pidä painettuna komento-näppäintä valitaksesi useita vaihtoehtoja

Eri toteutustapojen ja käyttäjän ilmoittamisen tarpeen vuoksi käyttäjäystävällisempää on käyttää valintatyynyjä kuin laskettelulistausta.

Esimerkki

Monivalintalistan, jossa on mahdollisuus valita useita vaihtoehtoja:

<label for="cars">Valitse autovalmistiija:</label>
<select name="cars" id="cars" multiple>
  <option value="audi">Audi</option>
  <option value="byd">BYD</option>
  <option value="geely">Geely</option>
  <option value="volvo">Volvo</option>
</select>

Kokeile itse

Syntaksi

<select multiple>

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki

HTML <select> -elementti