Vormid

Vormid (ingl. forms) võimaldavad kasutajatel sisestada ja saata andmeid veebilehelt. Vorme kasutatakse nätieks sisse logimiseks, kasutajaks registreerimiseks, kommentaaride jätmiseks või toote tellimised. ¹

Vormiväljad (ingl. input)

Vormi lisatavad väljad, kuhu kasutaja saab andmeid sisestada, saame kasutada silti <input />. ²

Sildi <input/> atribuudid: ³

• value saad lisada esialgse väärtuse, mida näidatakse.;
• type defineeritakse tüüp nt tekst, märkeruut, vahemik jne;
• readonly kasutaja saab välja ainult lugeda;
• disabled kasutaja saab välja ainult lugeda ja kuvab välja hallilt;
• min ja max saab määrata miinimum ja maksimaalse piirangud nt kuupäevale või vahemikule;
• multiple kasutaja saab valida mitu varianti või sisestada mitu varianti;
• placeholder tekst, mida kuvatakse, enne kasutaja sisendi saamist;
• required teeb välja täitmise kohustuslikuks;
• autocomplete pakub kasutajale variante, mida on varem analoogilistesse väljadesse sisestanud.

Sildi <lable> </lable> andakse väljale n-ö pealkiri. Välja ja pealkirja seotakse omavahel kasutatakse välja id-d.

Vormi tegemine

Uue vormi luuakse sildi <form> </form> abil. See koosneb tavaliselt vormiväljadest (<input/>) ja nupust <button/>, millega vormis olevad andmeid saadetakse. ¹

Footnotes

1. https://www.w3schools.com/html/html_forms.asp ↩ ↩²

2. https://www.w3schools.com/html/html_form_input_types.asp ↩

3. https://www.w3schools.com/html/html_form_attributes.asp ↩