HTML - <button>

Definiert eine anklickbare Schaltfläche

Beispiel

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

Demo

Definition und Verwendung

Der <button> Tag definiert eine anklickbare Schaltfläche.

Innerhalb einer <button> Element können Sie Inhalte, wie Texte oder Bilder setzen. Das ist der Unterschied zwischen diesem Element und Buttons die mit dem

Tipp: Immer das type-Attribut für ein <button> Element festlegen. Verschiedene Browser verwenden verschiedene Standardtypen für das <button> Element.

Browser Unterstützung

Chrome 1.0

Firefox 1.0

Safari 1.0

Opera 3.5

Edge 12.0

IE 4.0

Attribute

Attribute stellen zusätzliche Informationen über HTML-Elemente bereit. Attribute müssen immer in den öffnenden Tag geschrieben werden.

Attribut	Wert	Beschreibung
autofocus		Gibt an, dassder Button automatisch beim Laden der Seite Fokus bekommen soll.
disabled		Gibt an, dass der Button deaktiviert werden soll
form	form_id	Gibt ein oder mehrere Formulare an zu denen der Button gehört
formaction	URL	Gibt an, wo hin die Formular-Daten gesendet werden wenn ein Formular abgeschickt wird. Nur für type="submit"
formenctype	application/x-www-form-urlencoded multipart/form-data text/plain	Gibt an, wie die Formular-Daten vor dem Senden an einen Server verschlüsselt werden. Nur für type="submit"
formmethod	get post	Gibt an, wie die Formulardaten (die zu verwendende HTTP-Methode) gesendet werden. Nur für type="submit"
formnovalidate		Gibt an, dass die Formular-Daten validiert werden sollen. Nur für type="submit"
formtarget	_blank _self _parent _top Framename	Gibt an, wo die Seite nach dem Absenden des Formulars geöffnet wird. Nur für type="submit"
name	Name	Gibt einen Namen für die Schaltfläche an.
type	button reset submit	Gibt den Typ der Schaltfläche an.
value	Text	Gibt einen Anfangswert für die Schaltfläche an.

Der <button> Tag verwendet Globale HTML Attribute.