Beispiel
Eine anklickbare Schaltfläche markiert ist wie folgt aufgebaut:
<button type="button">Click Me!</button>
Versuch es selber " Definition und Verwendung
Die <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 mit dem erstellten <input> Element.
Tipp: Immer die angeben type - Attribut für einen <button> Element.Verschiedene Browser verwenden verschiedene Standardtypen für das <button> Element.
Browser-Unterstützung
| Element | |||||
|---|---|---|---|---|---|
| <button> | ja | ja | ja | ja | ja |
Tipps und Hinweise
Hinweis: Wenn Sie die Verwendung <button> Element in einem HTML - Formular, verschiedene Browser unterschiedliche Werte einreichen.Verwenden Sie <input> , um Schaltflächen in einem HTML - Formular erstellen.
Tipp: Besuchen Sie unsere CSS Buttons Tutorial um herauszufinden , wie Tasten , um Stil mit CSS.
Unterschiede zwischen HTML 4.01 und HTML5
HTML5 hat die folgenden neuen Attribute: autofocus, form, formaction, formenctype, formmethod, formnovalidate und formtarget .
Attribute
= Neu in HTML5.
| Attribut | Wert | Beschreibung |
|---|---|---|
| autofocus | autofocus | Gibt an, dass eine Taste automatisch beim Laden der Seite konzentrieren bekommen sollten |
| disabled | disabled | Gibt an, dass eine Taste deaktiviert werden soll |
| form | form_id | Gibt eine oder mehrere Formen der Taste gehört |
| formaction | URL | Gibt an, wo die Form-Daten zu senden, wenn ein Formular abgeschickt wird. Nur für type="submit" |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | Gibt an, wie Form-Daten sollten vor dem Senden an einen Server verschlüsselt werden. Nur für type="submit" |
| formmethod | get post | Gibt an, wie die Formulardaten (die HTTP-Methode zu verwenden) zu senden. Nur für type="submit" |
| formnovalidate | formnovalidate | Gibt an, dass die Form-Daten sollten nicht auf Vorlage validiert werden. Nur für type="submit" |
| formtarget | _blank _self _parent _top framename | Gibt an, wo die Reaktion auf die Anzeige nach dem Absenden des Formulars. Nur für type="submit" |
| name | name | Gibt einen Namen für die Schaltfläche |
| type | button reset submit | Gibt den Typ der Schaltfläche |
| value | text | Gibt einen Anfangswert für die Schaltfläche |
globale Attribute
Die <button> Tag unterstützt auch den Global in HTML - Attribute .
Event-Attribute
Die <button> Tag unterstützt auch der Veranstaltung in HTML - Attribute .
Verwandte Seiten
HTML - DOM - Referenz: Button - Objekt
CSS Tutorial: Styling Buttons
Standard CSS-Einstellungen
Keiner.