Erstellen von Schaltflächen mithilfe von HTML-Eingabetags in Formularen

Mit dem können Sie anpassbare Textschaltflächen in HTML erstellen Etikett. Das Element wird innerhalb von verwendet

Element.

Durch das Setzen des Attributs Art Bei "button" wird eine einfache anklickbare Schaltfläche generiert. Sie können den Text definieren, der auf der Schaltfläche angezeigt wird, z. B. "Senden", indem Sie die verwenden Wert Attribut.

Zum Beispiel:

Seien Sie sich bewusst, dass die Das Tag sendet kein HTML-Formular. Sie müssen weiterhin JavaScript einschließen, um die Übermittlung der Formulardaten abzuwickeln. Ohne JavaScript onclick In diesem Fall erscheint der Button als anklickbar, aber es geschieht nichts, und Sie haben Ihre Leser frustriert.

Das

Die Verwendung des Eingabe-Tags zum Erstellen einer Schaltfläche ist zwar zweckdienlich, die Verwendung der Option ist jedoch die bessere Option Tag zum Erstellen Ihrer HTML-Buttons für Ihre Website. Das Tag ist flexibler, da Sie beispielsweise Bilder für die Schaltfläche verwenden können (wodurch die visuelle Konsistenz erhalten bleibt, wenn Ihre Website über ein Design-Design verfügt), und es kann als Schaltfläche zum Senden oder Zurücksetzen definiert werden, ohne dass dazu ein zusätzlicher Vorgang erforderlich ist JavaScript.

Sie möchten die Schaltfläche angeben Art Attribut in einem beliebigen Stichworte. Es gibt drei verschiedene Arten:

Taste - Die Schaltfläche hat kein inhärentes Verhalten, wird jedoch in Verbindung mit Skripts verwendet, die auf der Clientseite ausgeführt werden und an die Schaltfläche angehängt werden können, wenn sie angeklickt wird.

zurücksetzen - Setzt alle Werte zurück.

einreichen - Die Schaltfläche sendet Formulardaten an den Server (dies ist der Standardwert, wenn kein Typ definiert ist).

Andere Attribute sind:

Name - Verleiht der Schaltfläche einen Referenznamen.

Wert - Gibt einen Wert an, der der Schaltfläche anfänglich zugewiesen werden soll.

deaktivieren - Schaltet den Knopf aus.

HTML5 fügt einige zusätzliche Attribute hinzu
Formaktion - Wird nur mit verwendet type = "submit" und eine URL als Wert gibt an, wohin Formulardaten gesendet werden. Zum Beispiel:

formenctype - Wird nur mit verwendet type = "submit" Attribut. Legt fest, wie Formulardaten bei der Übermittlung an den Server verschlüsselt werden sollen. Die drei Werte sind application / x-www-form-urlencoded (Standard), Multipart / Formulardaten, und text / plain.

Formmethode - Wird nur mit verwendet type = "submit" Attribut. Hiermit wird angegeben, welche HTTP-Methode beim Senden von Formulardaten verwendet werden soll erhalten oder Post.

Formnovalidat - Wird nur mit verwendet type = "submit" Attribut. Formulardaten werden bei der Übermittlung nicht überprüft.

Formtarget - Wird nur mit verwendet type = "submit" Attribut. Dies gibt an, wo die Antwort der Site angezeigt werden soll, wenn Formulardaten übermittelt werden, z. B. in einem neuen Fenster usw. Die Wertoptionen sind entweder vorhanden _blank, _selbst, _parent, _top, oder einen bestimmten Frame-Namen.

Wenn Sie Formulare verwenden, möchten Sie vielleicht wissen, wie Sie Schaltflächen in HTML-Formularen erstellen und wie Sie Ihre Website benutzerfreundlicher gestalten.