Wie erstelle ich einen Fragebogen in HTML?

Mann mit Klemmbrett und Bleistift

HTML-Formulare ermöglichen es Ihnen, alle Arten von Informationen von den Besuchern Ihrer Website zu sammeln.

Bildnachweis: Stockbyte/Retrofile/Getty Images

Wenn Sie Daten oder Feedback von den Besuchern Ihrer Website sammeln möchten, erstellen Sie einen Fragebogen mit Hypertext Markup Language (HTML). Ihr Fragebogen kann eine Vielzahl von Eingabemethoden enthalten, von Optionsfeldern über Kontrollkästchen bis hin zu Dropdown-Listen. Nachdem Ihr Benutzer den Fragebogen ausgefüllt hat, erhalten Sie seine Antworten in Ihrem E-Mail-Posteingang.

Schritt 1

Öffnen Sie das HTML-Dokument, in das Sie Ihren Fragebogen einfügen möchten, in Notepad, dem integrierten HTML-Editor Ihres Webhosts oder Ihrem bevorzugten HTML-Editor. Wenn Sie eine neue Webseite starten, erstellen Sie ein neues TXT-Dokument und fügen Sie dann die grundlegenden Tags ein:

Video des Tages

Titel der Webseite

Die von Ihnen erstellten Formular-Tags werden zwischen den öffnenden und schließenden Tags eingefügt. Wenn Sie Ihren Fragebogen ausgefüllt haben, speichern Sie das Dokument entweder als HTM oder HTML und öffnen Sie es dann in einem beliebigen Webbrowser, um eine Vorschau Ihrer Arbeit anzuzeigen.

Schritt 2

Fügen Sie die ein

. Alle deine Fragen und Tags werden zwischen diesen beiden Tags eingefügt. Jeder -Tag sollte ein "Name"-Attribut enthalten, wie zum Beispiel. Damit die Antworten auf Ihren Fragebogen an Ihre E-Mail-Adresse weitergeleitet werden, ist Ihr

Schritt 3

Verwenden Sie die -Tag, um ein einzeiliges Eingabefeld zu erstellen, in das Benutzer ihre Antworten eingeben können. Wenn Sie beispielsweise fragen möchten, wer den Benutzer auf Ihre Website verwiesen hat, sieht Ihr Code so aus:

Schritt 4

Verwenden Sie die -Tag, um Optionsfelder zu erstellen. Mit Optionsfeldern kann der Benutzer nur eine Option auswählen. Jede Eingabe in Ihrem Optionsfeldsatz sollte denselben Namen, aber eindeutige Wertattribute haben. Um beispielsweise zu fragen, ob Besuchern Ihre Website gefallen hat, verwenden Sie Folgendes:

ja

Nein

Das Tag erzeugt einen Zeilenumbruch auf Ihrer Webseite, da HTML selbst keine Leerzeichen erkennt.

Schritt 5

Verwenden Sie die -Tag, um Kontrollkästchen zu erstellen. Im Gegensatz zu Optionsfeldern kann der Benutzer mehrere Kontrollkästchen in einem Satz auswählen. Genau wie Optionsfelder sollte jede Option im Set denselben Namen haben, aber eindeutige Werte haben. Um beispielsweise den Besucher zu bitten, Funktionen für Ihre Website vorzuschlagen:

Mehr Bilder!

Mehr Links!

Mehr Inhalt!

Schritt 6

Verwenden Sie die Tags, um eine Dropdown-Auswahlliste zu erstellen, aus der der Benutzer nur eine Option auswählen kann. Erstellen Sie für jede Option in Ihrer Liste eine separate zwischen Öffnen und Schließen einstellen

Da die Option "Farben" das ausgewählte Attribut enthält, ist dies die Standardauswahl.

Schritt 7

Verwenden Sie die -Tag, um eine Senden-Schaltfläche zu erstellen. Wenn der Benutzer auf diese Schaltfläche klickt, werden die von ihm eingegebenen Informationen an Sie weitergeleitet, je nachdem, welche Abrufmethode Sie in der Eröffnung angegeben haben