Latest web development tutorials

HTML balise <button>

Exemples

Le marquage sur un bouton code suivant:

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

Essayez »

support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Tous les principaux navigateurs supportent balise <button>.


définitions de balises et les instructions

<Bouton> définit un bouton.

Dans le bouton <> dans l'élément, vous pouvez placer le contenu, tel que du texte ou des images. Telle est la différence entre l'élément et l'utilisation <input> pour créer le bouton entre les deux.

Astuce: Toujours élément <button> spécifie l'attribut type.Différents navigateurs utilisent différentes valeurs par défaut pour l'attribut de type élément <button>.


Trucs et astuces

NOTE: Si vous utilisez le bouton <> dans un formulaire HTML, les différents navigateurs peuvent présenter un différentes valeurs de bouton.S'il vous plaît utiliser le <input> bouton Créer dans un formulaire HTML.


Différences entre HTML 4.01 et HTML5

HTML5 nouveaux attributs: autofocus, forme, FORMACTION, formenctype, formmethod, formnovalidate et formtarget.


propriété

Nouveau: HTML5 nouvelle propriété.

属性 描述
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 规定按钮的初始值。可由脚本进行修改。


global Properties

<Button> supporte HTML propriétés globales .


Propriétés de l'événement

<Button> supporte les propriétés d'événements HTML .


articles connexes

Manuel HTML DOM Référence: les objets Button