<button> Tag - Schaltfläche

Erstellt eine klickbare Schaltfläche:

<button type="button">Klick mich!</button>

Online testen

Verwendung

Mit dem button Tag erstellen Sie eine klickbare Schaltfläche. Innerhalb des Tags kann Text, aber auch ein Bild eingefügt werden. Dies ist der Unterschied zum input Element. Formatierungen können mit CSS erfolgen. Über das type Attribut können Sie die Art des Buttons festlegen. Dieses sollte immer festgelegt werden. Alle anderen Attribute sind optional.

Attribute

Attribut Wert Beschreibung
autofocus autofocus Legt fest, dass der Button automatisch den Fokus erhält, wenn die Seite geladen wird.
disabled disabled Button ist deaktiviert.
form form_id Definiert das Formular, zu welchem das Formular gehört.
formaction URL

URL an welches Formulardaten übermittelt werden, nur für type="submit" relevant.

formenctype application/x-www-form-urlencoded
multipart/form-data
text/plain

Kodierung für das Formular beim Versenden, nur für type="submit" relevant.

formmethod

get
post

Legt fest, wie das Formular übermittelt werden soll. Als POST oder GET. nur für type="submit" relevant.

formtarget _blank
_self
_parent
_top
framename
Legt das Formularziel fest, bzw. das Zielframe. Nur für type="submit" relevant.
name Name Name des Buttons
type button
reset
submit

Typ des Buttons:

  • button = normaler Button, z.B. für Verwendung mit Java-Script
  • reset = Rücksetzen des Formulars.
  • submit = Übermitteln des Formulars.
value text Initialer Wert für den Button.

Darstellung