Latest web development tutorials

HTML <button> -Tag

Beispiele

Der folgende Code-Kennzeichnung eine Taste:

<button type="button">点我!</button>

Versuchen »

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Alle gängigen Browser unterstützen <button> -Tag.


Tag Definitionen und Anleitungen

<Button> Tag definiert eine Schaltfläche.

In der Taste <> innerhalb des Elements, können Sie den Inhalt, wie Text oder Bilder platzieren. Das ist der Unterschied zwischen dem Element und Verwendung <input> Element auf die Schaltfläche zwischen zu erstellen.

Tipp: Immer <button> Element gibt das type - Attribut.Verschiedene Browser verwenden verschiedene Standardwerte für das type-Attribut <button> Element.


Tipps und Hinweise

HINWEIS: Wenn Sie die Taste <> Element in einem HTML - Formular verwenden, können verschiedene Browser eine andere Schaltfläche Werte senden.Bitte verwenden Sie die <input> Schaltfläche Erstellen in einem HTML - Formular.


Die Unterschiede zwischen den HTML 4.01 und HTML5

HTML5 neue Attribute: Autofokus, Form, formaction, formenctype, formmethod, formnovalidate und formtarget.


Immobilien

Neu: HTML5 neue Eigenschaft.

属性 描述
autofocus New autofocus 规定当页面加载时按钮应当自动地获得焦点。
disabled disabled 规定应该禁用该按钮。
form New form_id 规定按钮属于一个或多个表单。
formaction New URL 规定当提交表单时向何处发送表单数据。覆盖 form 元素的 action 属性。该属性与 type="submit" 配合使用。
formenctype New application/x-www-form-urlencoded
multipart/form-data
text/plain
规定在向服务器发送表单数据之前如何对其进行编码。覆盖 form 元素的 enctype 属性。该属性与 type="submit" 配合使用。
formmethod New get
post
规定用于发送表单数据的 HTTP 方法。覆盖 form 元素的 method 属性。该属性与 type="submit" 配合使用。
formnovalidate New formnovalidate 如果使用该属性,则提交表单时不进行验证。覆盖 form 元素的 novalidate 属性。该属性与 type="submit" 配合使用。
formtarget New _blank
_self
_parent
_top
framename
规定在何处打开 action URL。覆盖 form 元素的 target 属性。该属性与 type="submit" 配合使用。
name name 规定按钮的名称。
type button
reset
submit 
规定按钮的类型。
value text 规定按钮的初始值。可由脚本进行修改。


globale Eigenschaften

<Button> -Tag unterstützt HTML globale Eigenschaften .


Ereigniseigenschaften

<Button> -Tag unterstützt HTML Ereigniseigenschaften .


In Verbindung stehende Artikel

HTML - DOM - Referenzhandbuch: Über die Schaltfläche Objekte