HTMLmuoto

HTMLmuoto tarkoittaa HTML:n rakenteellista keinoa kerätä käyttäjätietoja ja välittää ne palvelimelle. Se koostuu elementeistä kuten form, input, select, textarea ja button sekä ryhmittelystä varten label, fieldset ja legend. Nykyiset käytännöt noudattavat WHATWG:n HTML Living Standardia.

Formin perusrakenne muodostuu form-elementistä, joka kapseloi yksittäiset kontrollit. Jokaisella kontrollilla on usein name-attribuutti, joka määrittelee lähetettävän avaimen. Data lähetetään määritettyyn action-osoitteeseen käyttäen metodia GET tai POST; encoding-tyyppi (enctype) vaikuttaa siihen, miten tiedot koodataan, esimerkiksi multipart/form-data tiedostojen latauksille.

HTML5 tuo monia syötteen tyyppejä, kuten text, email, number, password, checkbox, radio, file ja hidden. Näillä on sisäänrakennettuja validoivia ominaisuuksia, kuten required, minlength, max, min/max ja pattern, mikä nopeuttaa perusvalidointia ennen lähettämistä.

Saavutettavuus ja käytettävyys muodostuvat hyvistä käytännöistä: label-teksti linkitetään inputiin for-id-yhteydellä, ryhmittelyä varten voi käyttää fieldsetia ja legendia, ja lomakkeita tulisi tukea näppäimistöiliikenteellä sekä tarvittaessa ARIA-merkinnöillä.

Toiminta: lomake lähettää tiedot palvelimelle yleensä HTTP-pyyntönä, ja JavaScriptiä voidaan käyttää ennen lähettämistä validoimaan tai muokkaamaan data sekä estämään lähetys. Novalidate-tila voi poistaa sisäänrakennetun validoijan käytön.

Parhaat käytännöt korostavat aina palvelinpuolista validointia, selkeitä label-kenttiä, saavutettavuutta ja responsiivisuutta sekä tiedon turvallista käsittelyä. Lomakkeiden tiedoston- ja tekstikenttien käyttöä leimaa usein enctype, joka määrittää lähetysformaatin.