HTML-lomakkeet ovat erittäin tehokas työkalu vuorovaikutukseen käyttäjien kanssa, mutta teknisistä syistä ei ole aina selvää, kuinka niitä voidaan käyttää täysimääräisesti. Pelkkä tietojen toimittaminen ei tässä tapauksessa riitä - sinun on myös varmistettava, että käyttäjien lomakkeisiin täyttämät tiedot lähetetään oikeassa muodossa, jota tarvitaan niiden onnistuneeseen käsittelyyn ja ettei tämä riko olemassa olevia sovelluksia. On myös tärkeää auttaa käyttäjiä täyttämään lomakkeet oikein, jotta he eivät turhaudu yrittäessään käyttää sovelluksia.
Tagia käytetään HTML-lomakkeen luomiseen. Se ei itse asiassa luo marginaalia, mutta sitä käytetään pääsäiliönä elementeille, kuten. Haluatpa sitten tehdä yksinkertaisen tilauslomakkeen tavallisella kassalla ja maksulla tai interaktiivisia verkkosovelluksia, sinun on käytettävä HTML-elementtitageja toimiaksesi, joista tärkein on.
Kuinka tavallistaHTML-lomakkeet
HTML-lomakkeet keksittiin ja suurelta osin standardisoitiin ennen asynkronisen JavaScriptin ja monimutkaisten verkkosovellusten tuloa. Nykyään käytetään lomakesyöttöjä, painikkeita ja muita vuorovaikutusmekanismeja, mutta tämän ytimessä on HTTP-pyyntö- ja vastausparadigmaan perustuva järjestelmä.
Kun käyttäjä lataa sivun, lähetetään http-pyyntö (yleensä ns. GET-pyyntö). Selaimesi lähettää sen palvelimelle, ja yleensä palvelin vastaa käyttäjän etsimällä verkkosivulla. Tämä vuorovaikutus on yksi Internetin peruskäsitteistä. Ja se selittää tarkalleen, kuinka HTML-lomakkeet toimivat.
Tietojen vaihto palvelimen kanssa
Jokainen, joka sisältää elementtejä, kuten, sijaitsee sisällä ja sillä on nimiattribuutti (nimi) sekä sen arvo. Arvo määritellään eri tavoin. Tekstissä tämä on arvo, jonka sivuston käyttäjä on syöttänyt kenttään. Valintanapin kohdalla valitun vaihtoehdon arvo. Käyttäjä voi asettaa arvon, mutta useimmiten ei voi asettaa name-attribuuttia. Tämä luo joukon nimi/arvo-pareja, joissa arvot määritetään käyttäjän syötteen mukaan.
Pääasiallinen ero lomakkeen ja tavallisen HTML-dokumentin välillä on, että useimmissa tapauksissa lomakkeen keräämät tiedot lähetetään verkkopalvelimelle. Tässä tapauksessa sinun on määritettävä verkkopalvelin tietojen vastaanottamista ja käsittelyä varten. tag action -attribuuttimäärittää sijainnin (URL-osoitteen), johon kerätyt tiedot tulee lähettää.
Miltä palvelimen vastaus näyttää
Kun lomake lähetetään, nimi-arvo-parit ja kaikki elementin kentät sisällytetään HTTP:hen. Pyyntö tehdään action-attribuutin muodossa määritettyyn URL-osoitteeseen. Pyynnön tyyppi (GET tai POST) on method-attribuutissa. Tämä tarkoittaa, että kaikki käyttäjän toimittamat tiedot lähetetään palvelimelle heti lomakkeen lähettämisen jälkeen, ja palvelin voi tehdä niillä tiedoilla mitä haluaa. Kun palvelin vastaanottaa lomakelähetyksen, se käsittelee sitä kuten mitä tahansa muuta HTTP-pyyntöä. Palvelin tekee mitä tahansa mukana oleville tiedoille ja lähettää vastauksen takaisin selaimelle.
Jos muistat, että sivun lataaminen on vastaus, huomaat, että sama tapahtuu täällä. Tyypillisessä muodossa, joka on luotu tagilla, vastaus on selaimen lataama uusi sivu. Yleensä uusi sivu korvaa nykyisen sisällön, mutta tämä voidaan ohittaa kohdeattribuutilla. Suurin osa verkkolomakkeista toimii tällä tavalla, minkä vuoksi käyttäjä lähetetään kiitossivulle, kun hän täyttää sähköpostin tilauslomakkeen.
Verkkosovellukset ja -lomakkeet ilman tunnistetta
Nykyaikaiset interaktiiviset verkkosovellukset käyttävät JavaScript-koodia asynkronisten http-pyyntöjen tekemiseen. Nämä ovat kutsuja palvelimelle, jotka eivät aiheuta sivun uudelleenlatausta. He eivät luota tunnisteeseen - käyttäytymiseen sisäänrakennettu HTML-elementti. Ne eivät yhdistä kaikkia tietoja yhdeksi kokonaisuudeksi.käyttäjälle äläkä lähetä niitä heti. Tästä syystä monet HTML + JS -asettelusuunnittelijat verkkosovelluksissa eivät käytä tunnistetta kaikissa lomakkeissa. Useimmiten he käyttävät sitä vain eräänlaisena säiliönä erityyppisille syöttökentille ja elementeille. Tässä tapauksessa käytetyt menetelmä- ja toimintomääritteet eivät ole näkyvissä.
Lisätietoja lomakkeista
HTML-lomakkeet ovat yksi kohokohdista käyttäjän vuorovaikutuksessa verkkosivuston tai sovelluksen kanssa. Niiden avulla käyttäjät voivat lähettää tietoja sivustolle. Suurimman osan ajasta tiedot lähetetään verkkopalvelimelle, mutta verkkosivu voi myös siepata ne käytettäväksi omakseen. Lomakkeisiin liittyviä elementtejä on monia - erilaisia painikkeita, eri tyyppien valitsimia, palautemekanismeja. Siksi voi olla vaikeaa päättää, mitä arvoja tunnisteen attribuuteille annetaan. Kun on kyse lomakkeiden luomisesta, sinun on saatava ne toimimaan erikokoisilla näytöillä. On tärkeää, että ne ovat vammaisten saatavilla. Tästä syystä lomakkeet ja attribuuttitunnisteet ovat ehkä HTML:n monimutkaisin osa.
Mistä muoto koostuu
HTML-lomake koostuu yhdestä tai useammasta widgetistä. Ne voivat olla yksi- tai monirivisiä tekstikenttiä, valintaruutuja, painikkeita tai valintanappeja. Ne yhdistetään useimmiten niiden tarkoitusta kuvaavaan attribuuttiin - oikein toteutettu voi selkeästi opastaa sekä näkeviä että sokeita käyttäjiä kuinka päästä syöttölomakkeeseen. Attribuuttiyhdistetty oikein niiden for- ja id-attribuutteihin, vastaavasti. For-tunniste viittaa sitten vastaavan widgetin id-attribuuttiin, ja näytönlukuohjelma lukee sitä käyttäen, mitä siihen on kirjoitettu.
Tagille ominaisten rakenteiden lisäksi on tärkeää muistaa, että lomakkeet ovat vain HTML-koodia. Tämä tarkoittaa, että voit käyttää HTML:n kaikkia tehoja lomakkeiden jäsentämiseen. Yleinen käytäntö on käyttää tagia elementtien rivittämiseen, jotka on merkitty
. HTML-luetteloita käytetään myös laaj alti; jäsentelyyn käytetään useita valintaruutuja tai -painikkeita. Kun olet luonut syöttökentät, sinun on lisättävä painike tagilla ja tarkistettava tulos. HTML-lomakkeiden joustavuus tekee niistä yhden HTML-muodon monimutkaisimmista rakenteista. Mutta oikealla rakenteella HTML-lomaketta rakentaessasi voit varmistaa, että se on sekä käyttökelpoinen että saavutettavissa.
