HTML-skjemaer er et veldig kraftig verktøy for å samhandle med brukere, men av tekniske årsaker er det ikke alltid åpenbart hvordan man kan bruke dem til sitt fulle potensial. Bare å sende inn data er ikke nok i dette tilfellet - du må også sørge for at dataene som brukerne fyller ut i skjemaer vil bli sendt i riktig format som er nødvendig for at de skal behandles vellykket, og at dette ikke vil ødelegge eksisterende søknader. Det er også viktig å hjelpe brukere med å fylle ut skjemaer riktig og ikke bli frustrert når de prøver å bruke applikasjoner.
Taggen brukes til å lage et HTML-skjema. Den lager faktisk ikke en margin, men brukes som en overordnet beholder for elementer som. Enten du vil lage et enkelt abonnementsskjema med vanlig betaling og betaling, eller interaktive nettapplikasjoner, må du bruke HTML-elementkoder for å fungere, den viktigste av disse er.
Hvordan standardHTML-skjemaer
HTML-skjemaer ble oppfunnet og stort sett standardisert før bruken av asynkron JavaScript og komplekse nettapplikasjoner. I dag brukes skjemainndata, knapper og andre interaksjonsmekanismer, men kjernen i dette er et system basert på HTTP-forespørsels- og responsparadigmet.
Når en bruker laster inn en side, sendes en http-forespørsel (vanligvis en såk alt GET-forespørsel). Den sendes av nettleseren din til serveren, og vanligvis svarer serveren med nettsiden brukeren ser etter. Denne interaksjonen er et av de mest grunnleggende konseptene på Internett. Og det forklarer nøyaktig hvordan HTML-skjemaer fungerer.
Prosessen med å utveksle informasjon med serveren
Hver, som inkluderer elementer som, er plassert inne og har et navneattributt (navn), i tillegg til verdien. Verdien er definert på forskjellige måter. For tekst vil dette være verdien som ble angitt i feltet av brukeren av nettstedet. For en alternativknapp, verdien av det valgte alternativet. Brukeren kan angi verdien, men kan oftest ikke sette navnattributtet. Dette skaper et sett med navn/verdi-par der verdiene bestemmes av brukerinndata.
Hovedforskjellen mellom et skjema og et vanlig HTML-dokument er at dataene som samles inn av et skjema, i de fleste tilfeller sendes til en webserver. I dette tilfellet må du sette opp en webserver for å motta og behandle data. tag handling attributtspesifiserer stedet (URL) hvor de innsamlede dataene skal sendes.
Hvordan ser serverresponsen ut
Når skjemaet sendes inn, inkluderes navn-verdi-par og alle felt i elementet i HTTP. En forespørsel sendes til URL-en som er spesifisert i form av handlingsattributtet. Forespørselstypen (GET eller POST) vil være i metodeattributtet. Dette betyr at all brukeroppgitt data sendes til serveren så snart skjemaet er sendt inn, og serveren kan gjøre hva den vil med disse dataene. Når serveren mottar en skjemainnsending, behandler den den som enhver annen HTTP-forespørsel. Serveren gjør det den trenger å gjøre med de inkluderte dataene og sender et svar tilbake til nettleseren.
Hvis du husker at lasting av siden er svaret, vil du legge merke til at det samme skjer her. I en typisk form opprettet med taggen, er svaret en ny side lastet av nettleseren. Vanligvis erstatter den nye siden det gjeldende innholdet, men dette kan overstyres med målattributtet. De aller fleste nettskjemaer fungerer på denne måten, og det er grunnen til at brukeren blir sendt til en takkeside når de fyller ut et abonnementsskjema på e-post.
Nettapper og skjemaer uten tag
Moderne interaktive nettapplikasjoner bruker JavaScript-kode for å lage asynkrone http-forespørsler. Dette er anrop til serveren som ikke forårsaker en sideinnlasting. De er ikke avhengige av en tag - et HTML-element innebygd i atferden. De kombinerer ikke alle dataene til en enkelt helhet.bruker og ikke send dem umiddelbart. Av denne grunn bruker ikke mange HTML + JS-layoutdesignere i webapplikasjoner taggen på alle skjemaer. Oftere bruker de den rett og slett som en slags beholder for ulike typer inndatafelt og elementer. I dette tilfellet vil ikke metode- og handlingsattributtene som brukes, være synlige.
Mer om skjemaer
HTML-skjemaer er et av høydepunktene i en brukers interaksjon med et nettsted eller en applikasjon. De lar brukere sende inn data til nettstedet. Mesteparten av tiden sendes dataene til webserveren, men nettsiden kan også avskjære den for å bruke den på egen hånd. Det er mange skjemarelaterte elementer - forskjellige typer knapper, velgere for forskjellige typer, tilbakemeldingsmekanismer. Derfor kan det være vanskelig å bestemme hvilke verdier som skal tildeles til tag-attributtene. Når det gjelder å lage skjemaer, må du få dem til å fungere på forskjellige skjermstørrelser. Det er viktig å gjøre dem tilgjengelige for mennesker med nedsatt funksjonsevne. Dette er grunnen til at skjemaer og attributtkoder kanskje er det mest komplekse aspektet ved HTML.
Hva formen består av
HTML-skjemaet består av én eller flere widgets. De kan være enkelt- eller flerlinjers tekstfelt, valgbokser, knapper eller alternativknapper. De er oftest knyttet til en egenskap som beskriver formålet deres – riktig implementert kan tydelig instruere både seende og blinde brukere om hvordan de kommer til inndataskjemaet. Egenskapassosiert riktig med deres for- og id-attributter, henholdsvis. For-etiketten refererer da til id-attributtet til den korresponderende widgeten, og skjermleseren, som bruker den, vil lese opp hva som er skrevet i den.
I tillegg til strukturene som er spesifikke for taggen, er det viktig å huske at skjemaer bare er HTML-kode. Dette betyr at du kan bruke den fulle kraften til HTML til å strukturere skjemaene dine. En vanlig praksis er å bruke taggen til å pakke inn elementer merket med
. HTML-lister er også mye brukt; flere avmerkingsbokser eller alternativknapper brukes til å strukturere. Etter å ha opprettet inndatafeltene, gjenstår det å legge til en knapp ved hjelp av taggen og sjekke resultatet. Fleksibiliteten til HTML-skjemaer gjør dem til en av de mest komplekse strukturene i HTML-formatet. Men med riktig struktur når du bygger et HTML-skjema, kan du sikre at det er både brukbart og tilgjengelig.
