Hoe maak je een vragenlijst in HTML

Man met klembord en potlood

Met HTML-formulieren kunt u allerlei informatie verzamelen van de bezoekers van uw website.

Afbeelding tegoed: Stockbyte/Retrofile/Getty Images

Als u gegevens of feedback van de bezoekers van uw website wilt verzamelen, maakt u een vragenlijst met behulp van hypertext markup language (HTML). Uw vragenlijst kan verschillende invoermethoden bevatten, van keuzerondjes tot selectievakjes tot vervolgkeuzelijsten. Nadat uw gebruiker de vragenlijst heeft ingevuld, ontvangt u zijn antwoorden in de inbox van uw e-mail.

Stap 1

Open het HTML-document waarin u uw vragenlijst wilt opnemen in Kladblok, de ingebouwde HTML-editor van uw webhost of uw HTML-editor naar keuze. Als u een nieuwe webpagina begint, maakt u een nieuw TXT-document en voegt u de basistags in:

Video van de dag

Titel van webpagina

De formuliertags die u maakt, komen tussen de openings- en sluitingstags. Wanneer u uw vragenlijst invult, slaat u het document op als HTM of HTML en opent u het vervolgens in een webbrowser om een ​​voorbeeld van uw werk te bekijken.

Stap 2

Steek de

. Al uw vragen en tags gaan tussen deze twee tags. Elk tag moet een "name"-attribuut bevatten, zoals. Zodat de antwoorden op uw vragenlijst worden doorgestuurd naar uw e-mailadres, uw

Stap 3

Gebruik de tag om een ​​eenregelig invoerveld te maken waarin gebruikers hun antwoorden kunnen typen. Als u bijvoorbeeld wilt vragen wie de gebruiker naar uw website heeft verwezen, ziet uw code er als volgt uit:

Stap 4

Gebruik de tag om keuzerondjes te maken. Met keuzerondjes kan de gebruiker slechts één optie selecteren. Elke invoer in uw keuzerondje moet dezelfde naam hebben, maar unieke waardeattributen. Gebruik dit om bijvoorbeeld te vragen of bezoekers uw website leuk vonden:

Ja

Nee

De tag zorgt voor een regeleinde op uw webpagina, aangezien HTML op zichzelf geen witruimte herkent.

Stap 5

Gebruik de tag om selectievakjes te maken. In tegenstelling tot keuzerondjes kan de gebruiker meerdere selectievakjes in een set selecteren. Net als keuzerondjes moet elke optie in de set dezelfde naam hebben, maar unieke waarden hebben. Om de bezoeker bijvoorbeeld te vragen functies voor uw website voor te stellen:

Meer foto's!

Meer linken!

Meer inhoud!

Stap 6

Gebruik de tags om een ​​vervolgkeuzelijst te maken waaruit de gebruiker slechts één optie kan kiezen. Maak voor elke optie in uw lijst een aparte ingesteld tussen openen en sluiten

Aangezien de optie "kleuren" het geselecteerde attribuut bevat, is dit de standaardselectie.

Stap 7

Gebruik de tag om een ​​verzendknop te maken. Wanneer de gebruiker op deze knop klikt, wordt de informatie die hij heeft ingevoerd naar u doorgestuurd, afhankelijk van de ophaalmethode die u in de opening hebt opgegeven