HTMLlomakkeiden

HTML-lomakkeet ovat web-sivujen mekanismi, jonka avulla käyttäjät voivat syöttää tietoja ja lähettää ne palvelimelle. Lomakkeet määritellään form-elementillä, jonka sisälle sijoitetaan erilaisia ohjausobjekteja kuten input, textarea, select ja button. Tärkeimpiä attribuutteja ovat action (kohde-URL), method (GET tai POST) sekä enctype, jolla määrätään, miten lähetettävä tieto pakataan (esimerkiksi application/x-www-form-urlencoded tai multipart/form-data). Label-elementtien käyttö (for-attribuutti) parantaa saavutettavuutta ja liittää tekstiä kullekin ohjausobjekteille.

Syötöt muodostuvat input-, textarea- ja select-elementeistä. Niillä on usein name-attribuutti, jonka mukaan lähetettävät arvot muodostuvat avain-arvo-pareiksi. Tyyppejä ovat muun muassa text, password, email, number, date, time, tel, url, color, checkbox, radio, file sekä hidden. HTML5 tarjoaa built-in-validoinnin attribuuteilla kuten required, minlength, maxlength, pattern, min, max ja step. Placeholder-teksti sekä autocomplete-parannukset lisäävät käytettävyyttä.

Kun lomake lähetetään, selain liittää ohjausobjektien arvot ja toimittaa ne vastaanottavalle palvelimelle määritellyillä tavoilla. GET-menetelmä lisää tiedot URL-osoitteeseen, kun taas POST asettaa ne lähetyksen vartaloon. Enkoodointityyppi vaikuttaa pakkaamiseen; yleisiä muotoja ovat application/x-www-form-urlencoded ja multipart/form-data, jälkimmäinen tiedostojen latauksia varten. Lomakkeita voidaan vahvistaa myös JavaScriptillä, mutta palvelinpuolen validointi on välttämätöntä turvallisuudelle.

Saavutettavuuden huomioiminen on keskeistä: label- ja fieldset/legend-ryhmittely sekä selkeät virheilmoitukset parantavat käyttökokemusta näkö- ja motorisesti rajoittuneille käyttäjille.

Turvallisuusnäkökohdat: HTTPS, palvelinpuolen vahvistus sekä CSRF-suojaukset ovat tärkeitä. Kaikkia syötettä on kontrolloitava sekä asiakkaan että palvelimen puolella, jotta haitalliset tiedot eivät pääse käsittelyyn. HTML-lomakkeet muodostavat keskeisen osan monista verkkopalveluiden toiminnallisista ratkaisuista.