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.
Windows-Befehl arp
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 HereTesten Sie es jetzt
Ausgabe:
Klicken Sie hierBeispiel 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('hello javatpoint user'); } Testen Sie es jetzt Ausgabe:
c++-SatzKlicken 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> SubmitTesten 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> resetTesten 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. |
Unterstützende Browser
| Element |  Chrom |  IE |  Feuerfuchs |  Oper |  Safari |
| Ja | Ja | Ja | Ja | Ja |