Med hjälp av HTML för att fylla i formulär - dummies

Blanketter låter dig fånga in inmatningar från dina besökare på webbplatsen. Capturing-inmatning från besökare gör att du kan ändra befintligt innehåll på sidan. Till exempel, pris och datum filter på flygbolag webbplatser tillåter att hitta en önskad flygning snabbare. Du kan också lagra inmatningen för senare användning.

Till exempel kan en webbplats använda ett registreringsformulär för att samla in ditt email, användarnamn och lösenordsinformation så att du kan komma åt det på ett senare datum.

Förstå hur formerna fungerar

Formulär skickar information som är inmatad av en användare till en server genom att använda följande process:

1. Webbläsaren visar ett formulär på klientmaskinen.

2. Användaren fyller i formuläret och trycker på Skicka-knappen.

3. Webbläsaren skickar data som samlats in från formuläret till en server.

4. Servern behandlar och lagrar data och skickar ett svar till klientmaskinen.

5. Webbläsaren visar svaret, vanligtvis indikerar om inlämningen lyckades.

För tillfället är allt du behöver veta att programmeringsspråk som server-sidor som Python, PHP och Ruby används för att skriva skript som tar emot och lagrar formulärinsändningar.

Formerna är mycket flexibla och kan spela in en mängd olika användarinputs. Inmatningsfält som används i formulär kan innehålla fria textfält, radioknappar, kryssrutor, rullgardinsmenyer, räckvidden, datum, telefonnummer och mer. Dessutom kan inmatningsfält ställas in till ursprungliga standardvärden utan någon användarinmatning.

Valda formattribut

Attributnamn	Möjliga värden	Beskrivning
typ	kryssrutan e-post skicka in text lösenord radio (en komplett lista över värden har utelämnats här för korthet)	Definierar typen av inmatningsfält som ska visas i formuläret. För exempel används text för fria textfält och inlämning används för att skapa en inmatningsknapp.
värde	text	Startvärdet för ingångskontrollen.

Skapa grundläggande formulär

Du skapar en grundformular genom

1. Definiera en blankett med formelementet.

   Börja med att lägga till en öppnings tagg och stängningskod.

2. Med hjälp av åtkomstattributet anger du i formulärelementet var du ska skicka formulärdata.

   Lägg till ett åtgärdsattribut till din öppningsetikett och ställ det lika med webbadressen till ett skript som ska bearbeta och lagra användarinmatningen.

3. Ange metoden attribut i formelementet hur du skickar formulärdata.

   Lägg till en metodattribut till din öppnings tagg och ställ den lika med POST.

   Metodattributet är satt lika med GET eller POST. I allmänhet används POST för lagring av känslig information (till exempel kreditkortsnummer), medan GET används för att tillåta användare att bokmärke eller dela med sig av resultatet av en inlämnad blankett (till exempel flygbolagslista).

4. Tillhandahåller ett sätt för användarna att mata in och skicka svar med inmatningselementet.

   Skapa en tagg mellan öppnings- och stängningskoderna.

   Din blankett har bara en öppnings- och stängningskod; Du kommer dock att ha minst två taggar för att samla in och skicka användardata.

5. Ange inmatningstyper med typattributet i inmatningselementet.

   För det här exemplet, sätt typattributet lika med "text".

   Koden har ingen slutgiltig kod, vilket är ett undantag till regeln "stäng varje tagg du öppnar". Dessa taggar kallas självslutande taggar.

6. Slutligen skapa en annan tagg och sätt typattributet lika med att skicka in.

Följande exempelkod visar syntaxen för att skapa formuläret som visas.

Åtgärdsattributet i denna blankett är lika med mailto, vilket signalerar till webbläsaren för att skicka ett e-postmeddelande med din standardmail-klient (till exempel Outlook eller Gmail). Om din webbläsare inte är konfigurerad för att hantera e-postlänkar, fungerar det här formuläret inte. Vanligtvis skickas blanketter till en server för att bearbeta och lagra formulärets innehåll, men i detta exempel formulär skickas innehållet till användarens e-postprogram.