HTML <select> meerdere attributen
Voorbeeld
Een vervolgkeuzelijst die meerdere selecties mogelijk maakt:
<label for="cars">Choose a car:</label>
<select
name="cars" id="cars" multiple>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
Definitie en gebruik
Het multiple
attribuut is een booleaans attribuut.
Indien aanwezig, specificeert het dat meerdere opties tegelijk kunnen worden geselecteerd.
Het selecteren van meerdere opties verschilt per besturingssysteem en browser:
- Voor vensters: Houd de control (ctrl)-knop ingedrukt om meerdere opties te selecteren
- Voor Mac: Houd de opdrachtknop ingedrukt om meerdere opties te selecteren
Vanwege de verschillende manieren om dit te doen, en omdat je de gebruiker moet informeren dat meervoudige selectie beschikbaar is, is het gebruiksvriendelijker om in plaats daarvan selectievakjes te gebruiken.
Browserondersteuning
Attribute | |||||
---|---|---|---|---|---|
multiple | Yes | Yes | Yes | Yes | Yes |
Syntaxis
<select multiple>
❮ HTML <select>-tag