Das HTML-Schaltflächen-Tag wird verwendet, um eine anklickbare Schaltfläche in einem HTML-Formular zu erstellen. Es ermöglicht einem Benutzer, Informationen in einem Formular an eine Website zu senden. Der Stil der Schaltfläche kann mit CSS gesteuert werden.
Wenn Sie ein Formular auf einer Webseite erstellen, mussen Sie eine anklickbare Schaltfläche erstellen, damit ein Benutzer ein Formular senden kann. Sie können beispielsweise ein Bestellformular auf einer E-Commerce-Site haben, das Lieferinformationen von einem Benutzer sammelt. Nachdem der Benutzer die Formulare ausgefullt hat, sollte er auf eine Schaltfläche klicken, um seine Informationen zu ubermitteln.
Dort wird der HTML in HTML verwendet wird. Wir werden auch die Attribute besprechen, die Sie zum Erstellen einer benutzerdefinierten Schaltfläche verwenden können, und einige Beispiele dieser Attribute in Aktion untersuchen.
HTML-Formularaktualisierung
HTML Formulare werden verwendet, um verschiedene Arten von Benutzereingaben wie Namen, Telefonnummern oder Adressen auf einer Webseite zu sammeln.
Jedes Formular enthält Eingabeelemente, mit denen Benutzer Informationen an die Website ubermitteln können. Eine Webseite kann beispielsweise ein Bestellformular enthalten, das Formularelemente enthält, um den Namen, das Geburtsdatum, Kreditkarteninformationen und mehr des Benutzers zu erfassen.
Der -Tag wird verwendet, um ein Formular in HTML zu erstellen. Hier ein einfaches Beispiel fur die Verwendung des Tags zum Erstellen eines Formulars, das den Namen eines Benutzers erfasst:
Ein Formular-Tag kann mehrere -Tags oder andere Benutzereingabeelemente wie Auswahlfelder enthalten. Daruber hinaus muss ein Formular ein Finden Sie Ihr Bootcamp-Match
HTML-Button
Mit dem -Tag muss ein Start- und End-Tag haben und sollte auch einen Wert fur das Attribut type enthalten . Das Attribut type gibt dem Formular an, welche Art von Schaltfl√§che gerendert werden soll, wie wir sp√§ter besprechen werden.
Hier ist ein Beispiel fur HTML
So sieht unsere Schaltfl√§che auf einer Webseite aus:
Jetzt, da wir eine Schaltfläche auf unserer Webseite haben, könnte ein Benutzer die Informationen, die er in das Formular
eingegeben hatte, einreichen.
Das Tag unterschiedlich interpretieren. Beispielsweise sendet Internet Explorer vor Version 9 den Text zwischen dem öffnenden und schließenden Tag des Elements -Tag enthält eine Reihe von Attributen, die verwendet, um eine benutzerdefinierte Schaltfläche zu erstellen. Daruber hinaus unterstutzt das Tag -Tags genauer untersuchen.
Das Attribut autofocus wird verwendet, um legen Sie fest, dass eine Schaltfl√§che beim Laden der Webseite automatisch den Fokus erhalten soll. Hier ist die Syntax fur das Attribut autofocus:
Deaktiviert
Das Attribut deaktiviert deaktiviert die Schaltfl√§che, was bedeutet, dass Benutzer kann nicht mit dem Element interagieren. Hier ist die Syntax fur das Attribut disabled:
Wie Sie unten sehen können, ist unsere Schaltfläche ausgegraut und kann nicht angeklickt werden:
Form
Das Attribut form wird verwendet, um ein Schaltfl√§chenelement mit einem Formular zu verknupfen. Der Wert des form< Das /code>-Attribut sollte der id des Formulars entsprechen, auf das sich das Formular bezieht. Hier ist ein Beispiel fur das Formularattribut, das die Senden-Schaltfl√§che mit unserem pizza-Formular verknupft:
Das Attribut form hat unseren Button mit dem Formular mit dem ID-Wert verknupft Pizza. Wenn wir also auf unsere Schaltfl√§che klicken, wird unser Formular mit der ID pizza gesendet.
Formaction
formaction gibt die URL eines Programms an, das die von der Schaltfl√§che ubermittelten Informationen verarbeitet. Dieses Attribut kann nur verwendet werden, wenn das Attribut type in Ihrer Schaltfl√§che gleich submit ist.
Hier ist ein Beispiel fur die formaction verwendetes Attribut:
Formenctype
Das Attribut formenctype gibt an, wie die Formulardaten sollten bei der √úbermittlung an den Server verschlusselt werden. Dieses Attribut sollte nur verwendet werden, wenn "method=‚Äôpost‚Äô‚" -Attribut in Ihrem Formular.
Hier ist ein Beispiel fur das Attribut formenctype, das verwendet wird, um Klartext an den Server zu senden, wenn auf unsere Schaltfl√§che geklickt wird:
Formmethod
formmethod wird verwendet, um die HTTP-Methode anzugeben, die der Browser zum Senden des Formulars verwendet. Dieses Attribut sollte nur mit "type=‚Äôsubmit‚Äô‚" -Attribut.
Die beiden akzeptierten Werte fur das Attribut formmethod sind get und post. Wenn Sie Informationen abrufen oder eine HTTPGET-Funktion ausfuhren möchten, sollten Sie get verwenden; Wenn Sie Informationen senden oder eine HTTPPOST-Funktion ausfuhren möchten, sollten Sie post verwenden.
Hier ist die Syntax fur das Attribut formmethod:
Formnovalidate
formnovalidate wird verwendet, um anzugeben, dass die Formulardaten beim Senden nicht validiert werden sollen. Wenn Sie beispielsweise die Eingabe eines Benutzers akzeptieren möchten, auch wenn er nicht alle Felder ausgefullt hat, sollten Sie das Attribut formnovalidate verwenden.
Hier ist ein Beispiel fur formnovalidate in Aktion:
Formtarget
formtarget legt den Zielort fest fur die Antwort, die der Server nach dem Absenden des Formulars sendet. Die akzeptierten Werte fur dieses Attribut sind: _blank, _self, _parent, _top oder der Name Ihres uframes.
Hier ist die Syntax fur das formtarget-Attribut:
Name
Das Tag name wird verwendet, um den Namen der Schaltfl√§che anzugeben (der von allen anderen Formularen eindeutig sein sollte Elementnamen) und verwendet die folgende Syntax:
Typ
Das type-Tag gibt den Typ der Schaltfläche an. Es gibt drei Arten von Schaltflächen, die verwendet werden können: Schaltfläche, Senden und Zurucksetzen. Hier ist die Syntax fur das Tag type:
Wert
Das Tag value gibt den Anfangswert der Schaltfl√§che an. Hier ist die Syntax fur das Tag value:
Schlussfolgerung
Das Tag -Tag haben, mit dem der Benutzer die Informationen zu seiner Bestellung ubermitteln kann wenn sie fertig sind.
In diesem Tutorial haben wir untersucht, wie das Tag tag wie ein Experte!