Javascript-Button-Tag

| | | | | | | | | | | | | | | | | | | | | |

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:

 T2EtZ5J4P2s1cbcWl5XhnxkV2LBddqnXHZCRN5Ij5ar7hjumzZimB1hJg IovfjLkqU5yz1Kp29DUy4GXkyNknZUROEhEzdNYEBnNr4 W SC7PgkwUQtwb5kUzO6 FOfTpFwK4js

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:

4rmFBMpA X5H M16KvlWPhDx9gP XlfNM43RfQU42SI5elokTMBCp8vvpqcbf6VjPYfuqVb6SmsU2zo8llK22b BQUYTfeWXYVkyNjO0dtULXxU9 DOVWeoptXa4gSRTovA0 Jmw

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 HTTP GET-Funktion ausfuhren möchten, sollten Sie get verwenden; Wenn Sie Informationen senden oder eine HTTP POST-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!