Tag <button>

Tag <button>

Definition

Status: Aktueller Standard

Das Tag <button> steht für button (Knopf, Schaltfläche).

Das HTML-Element <button> ist eines der interaktivsten Elemente in HTML. Es ist der Standardweg, um klickbare Schaltflächen zu erstellen, die Aktionen auslösen – sei es das Absenden eines Formulars oder das Starten einer JavaScript-Funktion. Es gibt drei Typen von <button> welche durch das Attribut type definiert werden. Wichtig: <button> ist kein Link-Ersatz. Navigation → <a href>, Aktion → <button>.

Syntax

<button type="...">Click</button>

Attribute

Global: Globale Attribute
type: Typ des Buttons: button, reset, submit
name: Name beim Form-Submit
value: Wert beim Submit
form: Verknüpft Button mit externem Formular
autofocus: Setzt den Fokus auf den Button beim Laden der Seite
formenctype: MIME-Typ
formmethod: GET / POST
formnovalidate: Validierung deaktivieren
formtarget: _self, _blank, iframe
disabled: Deaktiviert den Button (grau)

Beispiele

= Tag

= Attribut

= Wert

Text

= Kommentar bzw. wichtig!

Beispiel button

Der Code:

      <form action="" method="post" target="_self">
        <div class="row">
          <label>Name:</label>
          <input type="text" name="name">
        </div>
        <div class="row">
          <label>Alter:</label>
          <input type="number" name="[3MARK]age">
        </div>

        <button type="submit">Absenden</button>
        <button type="reset">Zurücksetzen</button>
      </form>

Ergebnis:

Ergebnis: <button>-Demo 1