Hur man gör ett frågeformulär i HTML

Man håller urklipp och penna

HTML-formulär låter dig samla in all slags information från din webbplats besökare.

Bildkredit: Stockbyte/Retrofile/Getty Images

Om du vill samla in data eller feedback från din webbplats besökare, skapa ett frågeformulär med hjälp av hypertext markup language (HTML). Ditt frågeformulär kan innehålla en mängd olika inmatningsmetoder, från radioknappar till kryssrutor till rullgardinslistor. Efter att din användare har fyllt i frågeformuläret får du hans svar i din mejls inkorg.

Steg 1

Öppna HTML-dokumentet där du vill visa ditt frågeformulär i Anteckningar, din webbvärds inbyggda HTML-redigerare eller din valda HTML-redigerare. Om du startar en ny webbsida, skapa ett nytt TXT-dokument och infoga sedan de grundläggande taggarna:

Dagens video

Webbsidans titel

Formtaggarna du skapar kommer att gå mellan öppnings- och stängningstaggar. När du har fyllt i ditt frågeformulär, spara dokumentet som antingen HTM eller HTML och öppna det sedan i valfri webbläsare för att förhandsgranska ditt arbete.

Steg 2

Sätt in

. Alla dina frågor och taggar kommer att gå mellan dessa två taggar. Varje taggen ska innehålla ett "name"-attribut, som t.ex. Så att svaren på ditt frågeformulär vidarebefordras till din e-postadress, din

Steg 3

Använd tagg för att skapa ett enrads inmatningsfält där användare kan skriva sina svar. Om du till exempel vill fråga vem som har hänvisat användaren till din webbplats kommer din kod att se ut så här:

Steg 4

Använd tagg för att skapa alternativknappar. Med radioknappar kan användaren bara välja ett alternativ. Varje ingång i din alternativknappsuppsättning ska ha samma namn, men unika värdeattribut. För att till exempel fråga om besökarna tyckte om din webbplats, använd detta:

Ja

Nej

Taggen skapar en radbrytning på din webbsida, eftersom HTML i sig inte känner igen blanksteg.

Steg 5

Använd tagg för att skapa kryssrutor. Till skillnad från alternativknappar kan användaren markera flera kryssrutor i en uppsättning. Precis som alternativknappar bör varje alternativ i uppsättningen dela samma namn men ha unika värden. Till exempel, för att be besökaren att föreslå funktioner för din webbplats:

Fler bilder!

Fler länkar!

Mer innehåll!

Steg 6

Använd taggarna för att skapa en rullgardinslista där användaren endast kan välja ett alternativ. Skapa ett separat för varje alternativ i din lista ställ in mellan öppning och stängning

Eftersom alternativet "färger" innehåller det valda attributet, kommer det att vara standardvalet.

Steg 7

Använd tagga för att skapa en skicka-knapp. När användaren klickar på den här knappen kommer informationen han angav att skickas till dig, beroende på vilken hämtningsmetod du angav i öppningen