Valintalomakeelementti

Valintalomakeelementti on verkkolomakkeen käyttöliittymän elementti, jonka avulla käyttäjä voi valita yhden tai useamman vaihtoehdon. Näitä elementtejä ovat yleisimmin HTML:n input-tyypit checkbox ja radio sekä select-elementti, jonka sisälle sijoitetut option-elementit muodostavat valittavat vaihtoehdot.

Checkbox mahdollistaa useamman erillisen valinnan samanaikaisesti. Jokaiselle valinnalle on oma input-merkintä, jonka name- ja value-attribuutit välittävät tiedon lomakkeen lähetyksen yhteydessä. Radio-painikkeet muodostavat ryhmiä, joissa sama name-arvo varmistaa, että käyttäjä voi valita vain yhden vaihtoehdon kutakin ryhmää kohden. Select-elementti voi olla joko yksittäisvalinta tai monivalinta (multiple-attribuutti). Sen option-elementit määrittelevät valittavissa olevat vaihtoehdot.

Lomakkeen lähetyksen yhteydessä valintalomakeelementin nimi ja valittu arvo välittyvät palvelimelle. Jos useita arvoja valitaan (esimerkiksi usea checkbox tai select multiple), useampi arvo voidaan välittää samaan nimeen liittyen; palvelin voi käsitellä ne taulukkona tai useampana parametriarvona.

Saatavuus ja käyttö helppoja. Jokaiselle valintalomakeelementille tulisi liittää label-elementti tai selkeä aria-label, jotta ruudunlukijat pystyvät tunnistamaan tarkoituksen. Sallitut lähestymistavat sekä visuaalisesti että ohjelmallisesti tulisi pitää loogisina ja ryhmitellä asiaankuuluvasti, erityisesti radiopainikkeissa, joissa ryhmäjärjestys vaikuttaa valintaan.

Esimerkkejä: Checkbox: <input type="checkbox" id="newsletter" name="subscribe" value="yes"> <label for="newsletter">Tilaa uutiskirje</label>. Radio: <input type="radio" id="male" name="gender" value="m"><label for="male">Mies</label>. Select: <select name="country" id="country"><option value="fi">Suomi</option></select>.

---