Ved hjælp af HTML til Fill Out Forms - dummies

Formularer giver dig mulighed for at fange input fra dine besøgende på internettet. Capturing input fra besøgende giver dig mulighed for at ændre eksisterende indhold på siden. F.eks. Tillader pris- og datofiltre på flyselskabswebsteder at finde en ønsket fly hurtigere. Du kan også gemme indgangen til senere brug.

Et websted kan f.eks. Bruge et registreringsformular til at indsamle dit email, brugernavn og adgangskodeoplysninger for at give dig adgang til det på et senere tidspunkt.

Forstå hvordan formularer virker

Formularer videregiver oplysninger, der indtastes af en bruger til en server, ved hjælp af følgende proces:

1. Browser viser en formular på klientmaskinen.

2. Brugeren udfylder formularen og trykker på send-knappen.

3. Browseren sender dataene indsamlet fra formularen til en server.

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

5. Browser viser svaret, hvilket normalt angiver, om indsendelsen var vellykket.

For øjeblikket er alt, hvad du behøver at vide, at serverprogrammeringssprog som Python, PHP og Ruby bruges til at skrive scripts, der modtager og gemmer formularer.

Formularerne er meget fleksible og kan registrere en række brugerindgange. Indtastningsfelter, der anvendes i formularer, kan indeholde gratis tekstfelter, radioknapper, afkrydsningsfelter, rullemenuer, rækkevidere, datoer, telefonnumre og meget mere. Derudover kan indtastningsfelter indstilles til indledende standardværdier uden nogen brugerindgang.

Udvalgte formattributter

Attributnavn	Mulige værdier	Beskrivelse
type	afkrydsningsfelt email indsende tekst kodeord radio (en komplet liste over værdier er udeladt her for kortfattet)	Definerer typen af ​​inputfelt, der skal vises i formularen. For eksempel bruges tekst til gratis tekstfelter, og indsendelse bruges til at oprette en sendeknap.
værdi	tekst	Den indledende værdi af indgangskontrollen.

Oprettelse af grundlæggende formularer

Du opretter en basisformular ved

1. Definerer en formular med formelementet.

   Start med at tilføje en åbningstabel og lukkekode.

2. Angiv handlingsattributen i formelementet, hvor du skal sende formulardata.

   Tilføj en handlingskode til din åbningstabel og sæt den til samme URL som et script, der vil behandle og gemme brugerens input.

3. Angiv i formularelementet hvordan man sender formulardata.

   Tilføj en metodeattribut til dit åbningsmærke, og angiv det til POST.

   Metodeattributten er sat til GET eller POST. Generelt bruges POST til opbevaring af følsomme oplysninger (f.eks. Kreditkortnumre), mens GET bruges til at give brugerne mulighed for at bogmærke eller dele resultaterne af en indsendt formular (f.eks. Flyselskabsfortegnelser) med andre.

4. Giver brugerne mulighed for at indtaste og indsende svar med inputelementet.

   Opret et tag mellem åbnings- og lukkekoderne.

   Din formular har kun et åbnings- og lukkekode; Du vil dog have mindst to tags til at indsamle og indsende brugerdata.

5. Angiv inputtyper ved hjælp af typen attributten i inputelementet.

   I dette eksempel skal du angive typen attributten lig med "tekst".

   Etiketten har ikke et lukningstegn, hvilket er en undtagelse til reglen "Luk alle mærker du åbner". Disse tags kaldes selvlukkende tags.

6. Endelig skal du oprette et andet tag og indstille typen attributten lig med indsendelsen.

Følgende eksempelkode viser syntaksen til oprettelse af den viste formular.

Handlingsattributten i denne formular er indstillet til mailto, som signalerer til browseren for at sende en e-mail ved hjælp af din standard mailklient (f.eks. Outlook eller Gmail). Hvis din browser ikke er konfigureret til at håndtere e-mail-links, fungerer denne formular ikke. Normalt sendes formularer til en server til at behandle og lagre formularens indhold, men i dette eksempel formularen sendes indholdet til brugerens e-mail-applikation.