sisenditüübid

Sisenditüübid on HTML vormide input-elementide type-atribuudiga määratavad erinevad sisendi kujud ja käitumised. Iga tüüp mõjutab seda, kuidas brauser kuvab kasutajale sisendi, milliseid andmeid lubab, ning kuidas andmeid esmakordsel sisestamisel ja valideerimisel töödeldakse. Tüüpe saab kombineerida täiendavate atribuudidega, näiteks min, max, step, pattern ja placeholder, et kontrollida andmete vormimist ja kasutajate abistamist.

Kõige levinumad sisenditüübid:

- text: tavaline ühe rea teksti sisend.

- password: salasõna, sisu on maskitud.

- email: kehtiva e-posti aadressi kontroll.

- url: veebiaadressi kontroll.

- tel: telefoninumbri sisestus.

- number: arvuline sisend koos võimalike piirangutega (min, max, step).

- range: liugur, mis määrab arvu vahemikus.

- date, month, week, time, datetime-local: kuupäeva ja kellaaja valikud erinevate vormide jaoks.

- color: värvi valik kasutajale värvipaletist.

- file: failide valimine kasutaja masina pealt.

- checkbox: märkeruut mitme valiku või kinnituse jaoks.

- radio: üks valik rühmast.

- hidden: peidetud andmed vormis.

- submit: vormi esitamise nupp.

- reset: vormi lähtestamise nupp.

- button: kohandatud nupp, millele võib rakendada JS-i.

- image: pildi kujul nupp vormi esitamiseks.

Koos sisenditüüpidega on oluline kasutada ligipääsetavuse parimaid tavasid: vastavate siltide (label) kasutamine, korrektne kirjelduse tekst ja vajadusel ARIA-atribuudid. Valida tuleks sobiv tüüp vastavalt nõutavale sisestatud andmekirjelduseks ja kasutusmugavusele ning rakendada nii kliende- kui serveripoolset valideerimist.