HTML-SCHALTFLÄCHEN-TAG - HTML-TUTORIAL

Das Tag wird verwendet, um eine anklickbare Schaltfläche innerhalb eines HTML-Formulars auf Ihrer Webseite zu erstellen. Sie können Inhalte wie Text oder Bilder in das ........-Tag einfügen.

Sie sollten immer das Typattribut für ein Tag angeben. Verschiedene Browser verwenden unterschiedliche Standardtypen für das Schaltflächenelement.

Das HTML-Button-Tag kann innerhalb und außerhalb des Formulars verwendet werden.

Wenn Sie es verwenden innerhalb des Formulars , es fungiert als Senden-Button. Sie können ihn auch als Reset-Taste verwenden.

Wenn Sie es verwenden außerhalb der Form , können Sie darauf eine JavaScript-Funktion aufrufen.

Beispiel für ein HTML-Button-Tag

Sehen wir uns den Code zum Anzeigen der Schaltfläche an.

 Click Here

Testen Sie es jetzt

Ausgabe:

Klicken Sie hier

Beispiel für eine HTML-Schaltfläche: Aufrufen einer JavaScript-Funktion

Sehen wir uns den Code zum Aufrufen der JavaScript-Funktion beim Klicken auf die Schaltfläche an.

 Click Here function hello(){ alert(&apos;hello javatpoint user&apos;); }

Testen Sie es jetzt

Ausgabe:

Klicken Sie hier

Beispiel für eine HTML-Schaltfläche: Formular senden

Sehen wir uns den Code zum Absenden des Formulars beim Klicken auf die Schaltfläche an.

 Enter Name: <br> Submit

Testen Sie es jetzt

Ausgabe:

Name eingeben:
Einreichen

Beispiel für eine HTML-Schaltfläche: Formular zurücksetzen

Sehen wir uns den Code zum Absenden des Formulars beim Klicken auf die Schaltfläche an.

 Enter Name: <br> reset

Testen Sie es jetzt

Ausgabe:

Name eingeben:
Zurücksetzen

Attribute des HTML-Button-Tags

Das Tag unterstützt alle globalen Attribute und einige spezifische zusätzliche Attribute.

Es wird eine Liste von HTML-Schaltflächen-Tag-Attributen bereitgestellt.

Attribut	Beschreibung
Autofokus	Es gibt an, dass eine Schaltfläche beim Laden der Seite automatisch den Fokus erhalten soll.
deaktiviert	Es gibt an, dass eine Schaltfläche deaktiviert werden soll.
bilden	Es gibt ein oder mehrere Formulare an, zu denen die Schaltfläche gehört.
Formation	Es wird für den Übermittlungstyp verwendet. Es gibt an, wohin die Formulardaten gesendet werden sollen, wenn das Formular gesendet wird.
Formmethode	Es gibt an, wie Formulardaten gesendet werden.
Formtyp	Es gibt an, wie Formulardaten codiert werden sollen, bevor sie an den Server gesendet werden.
formnovalidate	Es gibt an, dass die Formulardaten bei der Übermittlung nicht validiert werden sollen.
formtarget	Es gibt an, wo die Antwort nach dem Absenden des Formulars angezeigt werden soll.
Name	Es gibt den Namen der Schaltfläche an.
Typ	Es gibt den Typ der Schaltfläche an.
Wert	Es gibt den Wert der Schaltfläche an.