So erstellen Sie einen Fragebogen in HTML: 11 Schritte (mit Bildern)

Inhaltsverzeichnis:

So erstellen Sie einen Fragebogen in HTML: 11 Schritte (mit Bildern)
So erstellen Sie einen Fragebogen in HTML: 11 Schritte (mit Bildern)
Anonim

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

Erstellen Sie einen Fragebogen in HTML Schritt 1

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:

Erstellen Sie einen Fragebogen in HTML Schritt 2

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.

Erstellen Sie einen Fragebogen in HTML Schritt 3

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.

Erstellen Sie einen Fragebogen in HTML Schritt 4

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.
Erstellen Sie einen Fragebogen in HTML Schritt 5

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:
Erstellen Sie einen Fragebogen in HTML Schritt 6

Schritt 6. Erstellen Sie Optionsfelder

Sie erlauben dem Benutzer, nur eine Option auszuwählen.

Dieser Code erzeugt:

Erstellen Sie einen Fragebogen in HTML Schritt 7

Schritt 7. Kontrollkästchen erstellen

Im Gegensatz zu den Optionsfeldern ermöglichen sie die Auswahl mehrerer Optionen.

Dieser Code erzeugt:

Erstellen Sie einen Fragebogen in HTML Schritt 8

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:
Erstellen Sie einen Fragebogen in HTML Schritt 9

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:
Erstellen Sie einen Fragebogen in HTML Schritt 10

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:
Erstellen Sie einen Fragebogen in HTML Schritt 11

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:

Beliebt nach Thema