HTML-formulär visas textrutor, listor, listrutor och kryssrutorna för användarindata. HTML-formulär är gemensamma element på webbsidor. Vissa Web designprogram automatisera skapandet av dessa element, men du kan manuellt skapa en form för användarens indata. Form värdena skickas till en textfil, databas eller ett kalkylblad, beroende på layouten på dina webbsidor. Det tar bara några rader kod för att skapa ett enkelt formulär för dina besökare att slutföra.

Instruktioner

1 Skapa en formulärtagg inom "body"-taggen i HTML-sidan. Den "< body >" och "< / kropp >" Taggar omfatta innehållet på din webbplats, inklusive ifyllbara form. Den koden anges anges inom dessa taggar. Ange följande kod i HTML kroppen där du vill att formuläret ska visas:

< form >< / form >

2 Ange en formulärvariabel. I det här exemplet formuläret hämtar läsaren första och sist namn och email adress. Följande kod lägger till en textruta i formuläret som uppmanar användaren att ett förnamn:

< form >Förnamn: < input type = "text" name = "förnamn" >< / form >

I koden ovan ses "Förnamn" texten av användaren. Textrutan är placerat efter textetiketten. Det ges namnet "förnamn," som används i din behandling sida.

3 Lägg till de andra formuläret variablerna. Varje formulärvariabel läggs mellan "< form >" och "< / form >" taggar. Följande kod är klar ifyllbara form:

< form >Förnamn: < input type = "text" name = "förnamn" >< br >Efternamn: < input type = "text" name = "efternamn" >< br >E-post: < input type = "text" name = "email" >< br >< / form >

Märka "< br >" taggarna. Dessa taggar skapa en vagn retur på sidan. Detta innebär att varje formulärvariabel är placerad på en ny linje på din HTML-sida.

4 Spara filen och öppna den med din webbläsare. Meddelande kan du skriva värden i formelement. Öppna formuläret i webbläsaren testar det, så att du kan visa ett urval av vad dina läsare kommer att se när de besöker din webbsida.