HTML-Formulare werden häufig auf Unternehmenswebsites verwendet, um Kunden eine Schnittstelle zum Übermitteln von Informationen, Bezahlen von Produkten oder zur Zustimmung zu Website-Richtlinien zu bieten. Ein Formular besteht aus HTML-Code mit speziellen Werten, mit denen Benutzereingaben auf bestimmte Weise gespeichert und verarbeitet werden können. Häufig werden von Dienstanbietern vorgefertigte Formulare erstellt, die Sie kopieren und in Ihre Website einfügen können. Wenn Sie ein Tumblr-Blog für Ihr Unternehmen pflegen, können Sie über das Tumblr-Dashboard Formulare in Ihre Beiträge sowie in Ihr Blog-Thema einfügen.
Formular in Tumblr Post einfügen
1
Navigieren Sie zu Tumblr und melden Sie sich bei Ihrem Dashboard an. Klicken Sie oben im Dashboard auf den Namen Ihres Blogs.
2
Klicken Sie auf „Text“, um einen textbasierten Beitrag zu erstellen.
3
Klicken Sie im Menü oben im Beitragsfeld auf die Schaltfläche „HTML“, um ein HTML-Editorfenster zu öffnen.
4
Platzieren Sie den Cursor im Textfeld des HTML-Editors und geben Sie „“ ein (lassen Sie die Anführungszeichen weg), um das Formular zu erstellen.
5
Platzieren Sie den Cursor zwischen den Formular-Tags und erstellen Sie Eingabeelemente wie Textfelder, Optionsfelder, Kontrollkästchen oder Schaltflächen. Die richtige Codierung hängt von der Art des Eingabeelements, dem Elementnamen und dem Wert ab. Beispielsweise sollte der Code für ein Kontrollkästchen wie folgt aussehen:
Dies ist ein Kontrollkästchen
6
Klicken Sie auf „Aktualisieren“, um das Formular zu Ihrem Beitrag hinzuzufügen.
7
Geben Sie einen Titel in das Textfeld „Titel“ ein und klicken Sie auf „Beitrag erstellen“, um das Formular in Ihrem Tumblr-Blog zu veröffentlichen.
Formular in Tumblr Theme einfügen
1
Melden Sie sich bei Ihrem Tumblr-Dashboard an, wählen Sie Ihre Website aus der Liste oben aus und klicken Sie auf „Thema anpassen“.
2
Klicken Sie auf „HTML bearbeiten“, um den HTML-Editor zu öffnen.
3
Scrollen Sie nach unten zu der Stelle in Ihrem Tumblr-Thema, an der Sie Ihr Formular einfügen möchten. Wenn Sie beispielsweise das Formular in Ihre Kopfzeile einfügen möchten, scrollen Sie nach unten und platzieren Sie den Mauszeiger direkt danach.
4
Geben Sie „“ (ohne Anführungszeichen) ein und geben Sie dann die Eingabeelemente zwischen den Formular-Tags ein, um das Formular zu erstellen. Wenn Sie beispielsweise ein Formular mit zwei Textfeldern wünschen, sollte Ihr Code wie folgt aussehen:
Erstes Textfeld: Zweites Textfeld:
5
Klicken Sie auf „Update Preview |“ Speichern | Darstellung “, um den HTML-Editorbereich zu schließen, und klicken Sie dann auf„ Speichern “, um die Änderungen abzuschließen.
6
Klicken Sie auf „Schließen“, um zu Ihrem Dashboard zurückzukehren.
Ressourcen
- Tizag.com: Formulare
- HTML-Hund: Formulare
- W3Schools: HTML-Formulare
Ratschläge
- Besuchen Sie Websites wie HTML Dog, W3schools und Tizag, um Beispiele für HTML-Eingabeelemente zu studieren, mit denen Sie Ihr Formular erstellen können. Viele E-Commerce-Websites bieten auch vorgefertigte Formulare, bei denen Sie den Code lediglich kopieren und in Ihre Webseite einfügen müssen.
Schriftsteller Bio
Jason Spidle ist ein Technologie-Enthusiast und Schriftsteller. Sein Schreiben über Computer, Smartphones, Webdesign, Internetanwendungen, Sport und Musik wurde auf verschiedenen Websites veröffentlicht, darunter Salon, JunkMedia, Killed in Cars und The Columbia Free Times. Spidle unterhält eine Reihe von Blogs mit Gedichten, Kurzgeschichten und anderen Fiktionen.