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 bzw. Unterelemente

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
---