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.