Formielementtien

Formielementit ovat lomakkeen sisällä olevia käyttöliittymäelementtejä, joiden avulla käyttäjä antaa ja valitsee tietoja. Ne muodostavat lomakkeen interaktiivisen osan ja mahdollistavat tiedonvälityksen sekä palvelimelle että sovellukselle. Yleisimmät formielementit ovat syöttökontrollit kuten input, textarea, select sekä niihin liittyvät kontrollit kuten button. Lisäksi label, fieldset ja legend parantavat käytettävyyttä ja ryhmittelyä.

Input-tyypit kattavat monenlaiset käyttötarkoitukset: text-, password-, email-, number-, date-, time-, color- ja file- sekä erikoistuneet tyypit kuten checkbox- ja radio-painikkeet. Tekstikenttien lisäksi textarea mahdollistaa monirivisen syötteen ja select tarjoutuu vaihtoehdoille. Jokaisella elementillä on ominaisuuksia kuten name, id ja value sekä tiloja kuten required, disabled ja readonly. Placeholder ja autocomplete helpottavat käyttäjän vuorovaikutusta.

Formien rakenteessa lomake-elementti (form) määrittelee toiminnon (action) ja menetelmän (method), sekä mahdollisesti encoding-tyypin (enctype). Hyvä käytäntö on liittää kontrollit asianmukaisesti labelin avulla, sekä ryhmitellä ne fieldset- ja legend-elementeillä. Saavutettavuus on keskeistä: näytönlukijat tulkitsevat nimitykset ja aria-ominaisuudet. HTML5 tuo sisäisen validoinnin, ja kehittäjä voi hallita virheilmoituksia sekä toteuttaa mukautettua validointia tarvittaessa.