English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Das HTML-<button>-Tag ist ein Element, das einen klickbaren Button darstellt und kann an Orten in Formularen oder Dokumenten verwendet werden, wo einfache Standardbuttons erforderlich sind. Dieses Tag wird auch als <button>-Element bezeichnet.
Der folgende Code markiert einen Button:
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Grund教程(oldtoolbag.com)</title>
</head>
<body>
<button type="button" onclick="alert('Hallo, Welt!')">Klicken Sie auf mich</button>
</body>
</html>Testen Sie heraus, ‹/›IEFirefoxOperaChromeSafari
Alle gängigen Browser unterstützen den <button>-Tag.
Der <button>-Tag definiert einen Button.
Innerhalb des <button>-Elements können Sie Inhalte platzieren, wie z.B. Text oder Bilder. Dies ist der Unterschied zu einem Button, der mit dem <input>-Element erstellt wird.
Das HTML <button>-Element befindet sich innerhalb des <body>-Tags.
Das <button>-Tag darf nicht direkt nach dem <a>-Tag platziert werden.
Tipp:Legen Sie immer das type-Attribut für das <button>-Element fest. Different Browser verwenden unterschiedliche Standardwerte für das type-Attribut des <button>-Elements.
Anmerkung:Wenn der <button>-Element im HTML-Formular verwendet wird, können verschiedene Browser unterschiedliche Buttonwerte absenden. Verwenden Sie <input> Erstellung von Buttons in HTML-Formularen.
HTML5 neue Attribute: autofocus, form, formaction, formenctype, formmethod, formnovalidate und formtarget.
New: HTML5 neue Attribute.
| Attribut | Wert | Beschreibung |
|---|---|---|
| autofocusHTML5 | autofocus | Regelung, dass der Button beim Laden der Seite automatisch den Fokus erhält. |
| disabled | disabled | Regelung, dass der Button deaktiviert sein soll. |
| formHTML5 | form_id | Regelung, dass der Button zu einem oder mehreren Formularen gehört. |
| formactionHTML5 | URL | Regelung des Ortes, an den die Formulardaten gesendet werden, wenn das Formular abgeschickt wird. Überschreibt das action-Attribut des Formularelements. Dieses Attribut wird zusammen mit type="submit" verwendet. |
| formenctypeHTML5 | application/x-www-form-urlencoded multipart/form-data text/plain | Regelung der Art der Kodierung, die vor dem Senden der Formulardaten an den Server durchgeführt wird. Überschreibt das enctype-Attribut des Formularelements. Dieses Attribut wird zusammen mit type="submit" verwendet. |
| formmethodHTML5 | get post | Regelung der HTTP-Methode, die für das Senden von Formulardaten verwendet wird. Überschreibt das method-Attribut des Formularelements. Dieses Attribut wird zusammen mit type="submit" verwendet. |
| formnovalidateHTML5 | formnovalidate | Wenn dieses Attribut verwendet wird, wird beim Absenden des Formulars keine Validierung durchgeführt. Überschreibt das novalidate-Attribut des Formularelements. Dieses Attribut wird zusammen mit type="submit" verwendet. |
| formtargetHTML5 | _blank _self _parent _top framename | Regelung des Ortes, an dem die action URL geöffnet wird. Überschreibt das Zielattribut des Formularelements. Dieses Attribut wird zusammen mit type="submit" verwendet. |
| name | name | Specifies the name of the button. |
| type | submit reset button | Specifies the type of the button. |
| value | text | Specifies the initial value of the button. Can be modified by script. |
<button> Tag Supported Global Attributes of HTML.
<button> Tag Supported HTML Event Attributes.
HTML DOM Reference Manual: Button Object