Ved hjelp av HTML for utfyllingsformularer - dummies

Skjemaer lar deg fange inn input fra besøkende på nettstedet ditt. Fangstinngang fra besøkende lar deg endre eksisterende innhold på siden. For eksempel tillater pris- og datofiltre på flyselskapswebsteder å finne et ønsket fly raskere. Du kan også lagre inngangen til senere bruk.

Et nettsted kan for eksempel bruke et registreringsskjema for å samle inn e-post, brukernavn og passordinformasjon for å tillate deg tilgang til det på et senere tidspunkt.

Forstå hvordan skjemaer fungerer

Skjemaer overfører informasjon som er oppgitt av en bruker til en server ved å bruke følgende prosess:

1. Nettleseren viser et skjema på klientmaskinen.

2. Brukeren fyller ut skjemaet og trykker på send-knappen.

3. Nettleseren sender dataene samlet fra skjemaet til en server.

4. Serveren behandler og lagrer dataene og sender et svar til klientmaskinen.

5. Nettleseren viser svaret, vanligvis angir om innleveringen var vellykket.

For øyeblikket er alt du trenger å vite at serverprogrammeringsspråk som Python, PHP og Ruby brukes til å skrive skript som mottar og lagrer skjemainnlegg.

Skjemaer er svært fleksible, og kan registrere en rekke brukerinnganger. Inngangsfelt som brukes i skjemaer kan inneholde gratis tekstfelt, radioknapper, avmerkingsbokser, rullegardinmenyer, rekkeviddeskytere, datoer, telefonnumre og mer. I tillegg kan inntastingsfeltene settes til innledende standardverdier uten brukervennlig inntasting.

Valgte formattributter

Attributtnavn	Mulige verdier	Beskrivelse
type	avkrysningsboks e-post send tekst passord radio (en komplett liste over verdier er utelatt her for korthet)	Definerer typen inntastingsfelt som skal vises i skjemaet. For eksempel brukes tekst til gratis tekstfelter, og innsending brukes til opprette en send-knapp.
verdi	tekst	Startverdien av inngangskontrollen.

Opprette grunnleggende skjemaer

Du lager et grunnskjema ved

1. Definere et skjema med skjemaelementet.

   Begynn med å legge til en åpningskode og lukkerkode.

2. Bruk handlingsattributtet, spesifiser i skjemaelementet hvor du skal sende skjemadata.

   Legg til et handlingsattributt for åpningstaggen din og sett det lik nettadressen til et skript som vil behandle og lagre brukerinngangen.

3. Bruk metoden attributt, spesifiser i skjemaelementet hvordan du sender formdata.

   Legg til en metodeattributt til åpningskoden og sett den lik POST.

   Metodeattributtet er satt lik GET eller POST. Generelt brukes POST til lagring av sensitiv informasjon (for eksempel kredittkortnummer), mens GET brukes til å tillate brukere å bokmerke eller dele med andre resultater av et innlevert skjema (for eksempel flyselskapsoppføringer).

4. Gir en måte for brukerne å skrive inn og sende svar med inngangselementet.

   Opprett en tagg mellom åpnings- og lukkekoder.

   Skjemaet ditt vil bare ha en åpnings- og lukkekode; Du vil imidlertid ha minst to koder for å samle inn og sende brukerdata.

5. Angi inntastingstyper ved hjelp av typeattributtet i inngangselementet.

   For dette eksempelet, angi typeattributtet lik «tekst».

   Etiketten har ikke en lukkerkode, noe som er et unntak fra regelen "Lukk alle merkene du åpner". Disse kodene kalles selvlukkende koder.

6. Endelig, opprett en annen tagg og sett typeattributtet lik til å sende inn.

Følgende eksempelkode viser syntaksen for å opprette skjemaet som vises.

Handlingsattributtet i dette skjemaet er satt til mailto, som signaliserer til nettleseren for å sende en e-post ved hjelp av standard e-postklient (for eksempel Outlook eller Gmail). Hvis nettleseren din ikke er konfigurert til å håndtere e-postkoblinger, fungerer ikke dette skjemaet. Vanligvis sendes skjemaer til en server for å behandle og lagre skjemaets innhold, men i dette eksempelskjemaet sendes innholdet til brukerens e-postprogram.