HTML-vormid on väga võimas tööriist kasutajatega suhtlemiseks, kuid tehnilistel põhjustel ei ole alati ilmne, kuidas neid täiel määral ära kasutada. Antud juhul lihts alt andmete esitamisest ei piisa – tuleb ka jälgida, et kasutajate ankeetidele täidetud andmed edastataks õiges vormingus, mis on vajalik nende edukaks töötlemiseks ja et see ei rikuks olemasolevaid rakendusi. Samuti on oluline aidata kasutajatel vorme õigesti täita ja mitte saada rakenduste kasutamisel pettumust.
Märgendit kasutatakse HTML-vormi loomiseks. See ei loo tegelikult veerist, vaid seda kasutatakse emakonteinerina selliste elementide jaoks nagu. Ükskõik, kas soovite koostada lihtsa tellimisvormi koos tavalise kassa ja maksega või interaktiivseid veebirakendusi, peate töötamiseks kasutama HTML-elementide silte, millest kõige olulisem on.
Kui standardneHTML-vormid
HTML-vormid leiutati ja suures osas standardiseeriti enne asünkroonse JavaScripti ja keerukate veebirakenduste tulekut. Tänapäeval kasutatakse vormisisendeid, nuppe ja muid interaktsioonimehhanisme, kuid selle tuumaks on HTTP päringu ja vastuse paradigmal põhinev süsteem.
Kui kasutaja laadib lehe, saadetakse http-päring (tavaliselt nn GET-päring). Teie brauser saadab selle serverisse ja tavaliselt vastab server veebilehega, mida kasutaja otsib. See suhtlus on Interneti üks põhimõisteid. Ja see selgitab täpselt, kuidas HTML-vormid töötavad.
Serveriga teabe vahetamise protsess
Igaüks, mis sisaldab selliseid elemente nagu, asub sees ja millel on nimeatribuut (nimi) ja ka selle väärtus. Väärtus määratakse erineval viisil. Teksti puhul on see väärtus, mille saidi kasutaja sisestas väljale. Raadionupu puhul valitud suvandi väärtus. Kasutaja saab määrata väärtuse, kuid enamasti ei saa määrata atribuuti name. See loob nimede/väärtuste paaride komplekti, kus väärtused määratakse kasutaja sisestuse järgi.
Peamine erinevus vormi ja tavalise HTML-dokumendi vahel seisneb selles, et enamikul juhtudel saadetakse vormi kogutud andmed veebiserverisse. Sellisel juhul peate andmete vastuvõtmiseks ja töötlemiseks seadistama veebiserveri. tag action atribuutmäärab asukoha (URL), kuhu kogutud andmed saata.
Kuidas näeb välja serveri vastus
Vormi esitamisel kaasatakse HTTP-sse nime-väärtuse paarid ja kõik elemendis olevad väljad. Päring tehakse atribuudi action vormis määratud URL-ile. Päringu tüüp (GET või POST) on atribuudis method. See tähendab, et kõik kasutaja antud andmed saadetakse kohe pärast vormi esitamist serverisse ja server saab nende andmetega teha, mida tahab. Kui server saab vormiesituse, käsitleb see seda nagu mis tahes muud HTTP-päringut. Server teeb kaasatud andmetega kõik, mida ta vajab, ja saadab brauserile vastuse.
Kui mäletate, et lehe laadimine on lahendus, märkate, et sama juhtub ka siin. Märgendiga loodud tüüpilisel kujul on vastuseks uus leht, mille brauser laadib. Tavaliselt asendab uus leht praeguse sisu, kuid selle saab tühistada sihtatribuudiga. Enamik veebivorme töötab sel viisil, mistõttu saadetakse kasutaja meilitellimuse vormi täitmisel tänulehele.
Veebirakendused ja -vormid ilma märgendita
Kaasaegsed interaktiivsed veebirakendused kasutavad asünkroonsete http-päringute tegemiseks JavaScripti koodi. Need on kõned serverile, mis ei põhjusta lehe uuesti laadimist. Nad ei tugine sildile – käitumisse sisseehitatud HTML-elemendile. Nad ei ühenda kõiki andmeid üheks tervikuks.kasutajat ja ärge saatke neid kohe. Sel põhjusel ei kasuta paljud HTML + JS-i paigutuse kujundajad veebirakendustes märgendit kõigil vormidel. Sagedamini kasutavad nad seda lihts alt omamoodi konteinerina erinevat tüüpi sisendväljade ja elementide jaoks. Sel juhul ei ole kasutatud meetodi ja toimingu atribuudid nähtavad.
Vormidest lähem alt
HTML-vormid on kasutaja veebisaidi või rakendusega suhtlemise üks tipphetki. Need võimaldavad kasutajatel saidile andmeid esitada. Enamasti saadetakse andmed veebiserverisse, kuid veebileht võib neid ka ise kasutada. Vormiga seotud elemente on palju - erinevat tüüpi nupud, erinevate tüüpide valijad, tagasiside mehhanismid. Seetõttu võib olla raske otsustada, milliseid väärtusi märgendi atribuutidele määrata. Kui tegemist on vormide loomisega, peate panema need töötama erineva suurusega ekraanidel. Oluline on teha need puuetega inimestele kättesaadavaks. Seetõttu on vormid ja atribuudisildid HTML-i võib-olla kõige keerulisemad aspektid.
Millest kujund koosneb
HTML-vorm koosneb ühest või mitmest vidinast. Need võivad olla ühe- või mitmerealised tekstiväljad, valikukastid, nupud või raadionupud. Enamasti seostatakse neid atribuudiga, mis kirjeldab nende eesmärki – õigesti rakendatuna saab nii nägemisega kui ka pimedaid kasutajaid selgelt juhendada, kuidas sisestusvormile jõuda. Atribuutseostatakse õigesti nende atribuutidega for ja id. Silt for viitab seejärel vastava vidina atribuudile id ja ekraanilugeja loeb seda kasutades ette, mis sinna on kirjutatud.
Lisaks märgendile omastele struktuuridele on oluline meeles pidada, et vormid on vaid HTML-kood. See tähendab, et saate oma vormide struktureerimiseks kasutada kogu HTML-i võimsust. Levinud tava on kasutada märgendit elementide mähkimiseks, millele on märgitud
. Laialdaselt kasutatakse ka HTML-loendeid; struktureerimiseks kasutatakse mitut märkeruutu või raadionuppu. Pärast sisestusväljade loomist jääb üle vaid märgendi abil nupp lisada ja tulemust kontrollida. HTML-vormide paindlikkus muudab need HTML-vormingus üheks kõige keerulisemaks struktuuriks. Kuid HTML-vormi loomisel õige struktuuriga saate tagada, et see on nii kasutatav kui ka juurdepääsetav.
