HTML-Formulare sind eine der grundlegendsten Möglichkeiten, Ihrer Website Interaktivität hinzuzufügen. Sie können Fragen stellen und Antworten von Ihren Lesern einholen, zusätzliche Informationen aus Datenbanken bereitstellen, Spiele einrichten und mehr. Es gibt eine Reihe von HTML-Elementen, mit denen Sie Ihre Formulare erstellen können. Nachdem Sie Ihr Formular erstellt haben, gibt es viele Möglichkeiten, diese Daten an den Server zu senden oder die Ausführung der Formularaktion zu starten.
Sie haben mehrere Möglichkeiten, um Ihre Formulare einzureichen:
-
- Dies ist die gebräuchlichste Methode, um Daten auf den Server zu laden. Dies kann jedoch sehr einfach aussehen.
-
- Durch die Verwendung eines Bildes ist es sehr einfach, die Schaltfläche zum Senden an den Stil Ihrer Website anzupassen. Aber manche Leute erkennen es vielleicht nicht als Senden-Button.
-
- Die Taste
EINGANG Tag gibt viele der gleichen Optionen wie das Bild
EINGANG tag, sieht aber eher wie der Standard-Übergabe-Typ aus. Zur Aktivierung ist JavaScript erforderlich.
- Die Taste
-
- Das
TASTE tag ist ein vielseitigerer Button als der
EINGANG Etikett. Dieses Tag erfordert die Aktivierung von Javacript.
- Das
- Das
BEFEHL Element ist neu in HTML5 und bietet eine Möglichkeit, Skripts und Formulare mit zugehörigen Aktionen zu aktivieren. Es wird mit JavaScript aktiviert.
- Das
Das INPUT-Element
Die Eingabe
EINGANG Ein Element ist die üblichste Art, ein Formular zu übermitteln. Sie müssen lediglich einen Typ auswählen (
Taste,
Bild, oder
einreichen) und fügen Sie ggf. ein Skript hinzu, um es an die Formularaktion zu senden.
Das Element kann einfach so geschrieben werden. In diesem Fall haben Sie jedoch unterschiedliche Ergebnisse in verschiedenen Browsern. Die meisten Browser erstellen eine Schaltfläche mit der Aufschrift "Submit". Firefox erstellt jedoch eine Schaltfläche mit der Aufschrift "Submit Query".
value = "Formular absenden">
Das Element ist so geschrieben, aber wenn Sie alle anderen Attribute weglassen, wird in Browsern nur eine leere graue Schaltfläche angezeigt. Um der Schaltfläche Text hinzuzufügen, verwenden Sie die
WertAttribut. Diese Schaltfläche sendet das Formular jedoch nur, wenn Sie JavaScript verwenden.
onclick = "submit ();">
Das ist dem ähnlich
TasteTyp, der ein Skript zum Senden des Formulars benötigt. Abgesehen davon, dass Sie anstelle eines Textwerts eine Image-Quell-URL hinzufügen müssen.
Das Schaltflächenelement
Das
TASTEElement erfordert sowohl ein öffnendes Tag als auch ein schließendes Tag. Wenn Sie es verwenden, wird jeglicher Inhalt, den Sie in das Tag einschließen, in eine Schaltfläche eingeschlossen. Dann aktivieren Sie den Button mit einem Skript.
Formular absenden
Sie können Bilder in Ihre Schaltfläche einfügen oder Bilder und Text kombinieren, um eine interessantere Schaltfläche zu erstellen.
Das Befehlselement
Das
BEFEHLElement ist neu mit HTML5. Es erfordert kein
BILDEN verwendet werden, aber es kann als Schaltfläche zum Senden eines Formulars dienen. Mit diesem Element können Sie mehr interaktive Seiten erstellen, ohne dass Formulare erforderlich sind, es sei denn, Sie benötigen wirklich Formulare. Wenn Sie möchten, dass der Befehl etwas sagt, schreiben Sie die Informationen in ein
EtiketteAttribut.
label = "Formular absenden">
Wenn Sie möchten, dass Ihr Befehl durch ein Bild dargestellt wird, verwenden Sie die
SymbolAttribut.
icon = "submit.gif">
Wie Sie auf der vorherigen Seite erfahren haben, können HTML-Formulare auf verschiedene Arten eingereicht werden. Zwei dieser Methoden sind die
EINGANGTag und die
TASTEEtikett. Es gibt gute Gründe, beide Elemente zu verwenden.
Das Eingabeelement
Das Tag ist der einfachste Weg, um ein Formular zu übermitteln. Es erfordert nichts über den Tag hinaus, nicht einmal einen
WertWenn ein Kunde auf die Schaltfläche klickt, wird er automatisch übermittelt. Sie müssen keine Skripts hinzufügen. Die Browser können das Formular beim Senden absenden
EINGANGTag wird angeklickt.
Das Problem ist, dass diese Schaltfläche sehr hässlich und schlicht ist. Sie können keine Bilder hinzufügen. Sie können es wie jedes andere Element gestalten, aber es fühlt sich an wie eine hässliche Schaltfläche.
Verwenden Sie die
EINGANGMethode, wenn Ihr Formular auch in Browsern verfügbar sein muss, bei denen JavaScript deaktiviert ist.
Das BUTTON-Element
Das
TASTEElement bietet mehr Möglichkeiten zum Senden von Formularen. Sie können alles in ein einfügen
TASTEElement und verwandeln es in einen Senden-Button. Die meisten Menschen verwenden Bilder und Text. Aber du könntest einen erstellen
DIV und machen Sie das Ganze zu einem Submit-Button, wenn Sie möchten.
Der größte Nachteil des
TASTEElement ist, dass das Formular nicht automatisch gesendet wird. Dies bedeutet, dass ein Skript vorhanden sein muss, um es zu aktivieren. Und so ist es weniger zugänglich als das
EINGANGMethode. Benutzer, die JavaScript nicht aktiviert haben, können ein Formular nur mit einem Formular senden
TASTEElement, um es einzureichen.
Verwenden Sie die
TASTEMethode auf Formularen, die nicht so kritisch sind. Dies ist auch eine großartige Möglichkeit, um zusätzliche Einreichungsoptionen in einem Formular hinzuzufügen.
