tas2580
Blog über Webentwicklung und Linux Server

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.