Fragebögen sind eine großartige Möglichkeit, Daten zu sammeln und Feedback von Ihren Website-Besuchern zu erhalten. Sie müssen keine Vorlage, Software oder Online-Umfrageersteller verwenden, um eine zu haben. Sie können es einfach in HTML-Code erstellen und mit CSS so gestalten, dass es Ihrem aktuellen Website-Design entspricht. In diesem Artikel werden die gängigsten Fragetypen vorgestellt, die Ihnen eine große Flexibilität bei der Gestaltung Ihres Fragebogens ermöglichen.
Schritte
Schritt 1. Erstellen Sie eine einfache HTML-Datei in Notepad
Öffnen Sie Notepad, um eine neue Webseite zu erstellen, und schreiben Sie den folgenden Code:
Schritt 2. Speichern Sie es als HTML-Datei und öffnen Sie es in Ihrem Browser
Die Datei ist im Moment leer, aber Sie können sehen, dass ihr Titel Fragebogen lautet.
Schritt 3. Fügen Sie die Tags ein
HTML-Formular-Tags werden verwendet, um die Daten an den Server zu senden. Alle unsere Fragen werden in die Tags eingeschlossen.
Schritt 4. Fügen Sie die Eigenschaften für das Tag ein
- Es gibt 3 Hauptattribute, die wir für das Formular-Tag verwenden werden:
- Handlung - ermöglicht Ihnen, dem Formular mitzuteilen, wohin es nach dem Absenden gehen soll (normalerweise der Dateiname eines Skripts, das die gesendeten Formulardaten liest und verarbeitet).
- Name - Es ist normalerweise eine gute Idee, Ihren Formularen einen Namen zu geben, der verwendet wird, um Ihr Formular auf einer bestimmten Seite eindeutig zu identifizieren.
- Methode - der Wert von this sollte POST sein Dies teilt dem Formular mit, wie die Daten nach dem Absenden gesendet werden.
Schritt 5. Erstellen Sie ein Textfeld
In diesem Beispiel ist es das Feld Vorname Nachname. Fügen Sie den folgenden Code hinzu:
- Wir haben hier ein Element verwendet. Es wird verwendet, um Benutzerinformationen zu sammeln. Es gibt einige Arten von Elementen - Textfeld, Kontrollkästchen, Passwort, Optionsfeld, Senden-Schaltfläche, die weiter unten in diesem Beispiel verwendet werden.
- Das 'br'-Tag erzeugt einen Zeilenumbruch auf Ihrer Webseite, da HTML selbst keine Leerzeichen erkennt
- Dieser Code erzeugt:
Schritt 6. Erstellen Sie Optionsfelder
Sie erlauben dem Benutzer, nur eine Option auszuwählen.
Dieser Code erzeugt:
Schritt 7. Kontrollkästchen erstellen
Im Gegensatz zu den Optionsfeldern ermöglichen sie die Auswahl mehrerer Optionen.
Dieser Code erzeugt:
Schritt 8. Erstellen Sie eine Dropdown-Auswahlliste
Dieser Typ ermöglicht es Besuchern, eine Option aus der Liste auszuwählen.
- Wir haben dies getan, indem wir Tags und Tags für jede Position in unserer Dropdown-Liste hinzugefügt haben.
- Dieser Code erzeugt:
Schritt 9. Erstellen Sie ein Kommentarfeld
- Wir haben es verwendet, indem wir Tags hinzugefügt haben, bei denen es sich um ein mehrzeiliges Textfeld handelt, das für größere Textblöcke geeignet ist.
- Dieser Code erzeugt:
Schritt 10. Erstellen Sie die Schaltfläche zum Senden, mit der das Formular gesendet werden kann
- Das Wertattribut Ihrer Senden-Schaltfläche enthält den Schaltflächentext, der angezeigt wird.
- Dieser Code erzeugt:
Schritt 11. Speichern Sie die HTML-Datei und zeigen Sie sie in einem beliebigen Browser an
Ihr einfacher Fragebogen sollte in der folgenden Form angezeigt werden: