Categories de contingut	Contingut de Flux, phrasing content, Contingut interactiu, enumerat, etiquetables, i enviament formularis associats element, contingut palpable.
Contingut permès	Phrasing content.
Omissió de l'etiqueta	{{no_tag_omission}}
Elements pares permesos	Qualsevol element que accepti phrasing content.
Interfície DOM	{{domxref("HTMLButtonElement")}}
Tipus d'element	En línia

Especificació	Estat	Comentari
{{SpecName('HTML WHATWG', 'the-button-element.html#the-button-element', '<button>')}}	{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', 'forms.html#the-button-element', '<button>')}}	{{Spec2('HTML5 W3C')}}
{{SpecName('HTML4.01', 'interact/forms.html#h-17.5', '<button>')}}	{{Spec2('HTML4.01')}}

Característica	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Suport bàsic	1.0	{{CompatGeckoDesktop("1.0")}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}
atribut `formaction`	9.0	{{CompatGeckoDesktop("2.0")}}	10	{{CompatUnknown}}	{{CompatUnknown}}
atribut `formenctype`	9.0	{{CompatGeckoDesktop("2.0")}}	10	10.6	{{CompatUnknown}}
atribut `formmethod`	9.0	{{CompatGeckoDesktop("2.0")}}	10	{{CompatUnknown}}	{{CompatUnknown}}
atribut `autofocus`	5.0	{{CompatGeckoDesktop("2.0")}}	10	9.6	5.0
atribut `menu` value for `type`	{{CompatNo}}	{{CompatNo}}^[1]	{{CompatNo}}	{{CompatNo}}	{{CompatUnknown}}

Característica	Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Suport bàsic	{{CompatVersionUnknown}}	{{CompatGeckoMobile("1.0")}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}
atribut `formaction`	{{CompatUnknown}}	{{CompatGeckoMobile("2.0")}}	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}
atribut `formenctype`	{{CompatUnknown}}	{{CompatGeckoMobile("2.0")}}	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}
atribut `formmethod`	{{CompatUnknown}}	{{CompatGeckoMobile("2.0")}}	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}
atribut `menu` value for `type`	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}

[1] Gecko no implementa aquesta funció fins el moment. Veure {{bug("1241353")}}.

En fer clic i enfocament

Si fem clic a un {{HTMLElement("button")}} fa que (per defecte) aquest es converteixi en el focus i varïi segons el navegador i sistema operatiu. Els resultats de {{HTMLElement("input")}} de type="button" i type="submit" son els mateixos.

Notes

Fer clic en un {{HTMLElement("button")}} donar-li el focus?
Desktop Browsers	Windows 8.1	OS X 10.9
Firefox 30.0	Yes	No (even with a `tabindex`)
Chrome 35	Yes	Yes
Safari 7.0.5	N/A	No (even with a `tabindex`)
Internet Explorer 11	Yes	N/A
Presto (Opera 12)	Yes	Yes

Fer un toc en un {{HTMLElement("button")}} donar-li el focus?
Navagadors Mòvils	iOS 7.1.2	Android 4.4.4
Safari Mobile	No (even with a `tabindex`)	N/A
Chrome 35	No (even with a `tabindex`)	Yes

Els elements <button> són molt més fàcil de donar estil que els elements {{HTMLElement("input")}}. Podeu afegir contingut HTML intern (com <em>, <strong> o fins i tot <img>), i fer ús dels pseudo-elements {{Cssxref(":after")}} i {{Cssxref(":before")}} per aconseguir la generació d'elements complexos, mentre que {{HTMLElement("input")}} només accepta un atribut de valor de text.

Internet Explorer 7 té un error pel qual l'enviar un formulari amb <button type="submit" name="myButton" value="foo">Click me</button>, les dades POST enviats donarà com a resultat myButton=Click me en lloc de myButton=foo. IE6 té un error encara pitjor quan s'envia un formulari a través d'un botó, presentarà tots els botons del formulari, amb el mateix error com IE7.Aquest error s'ha corregit en IE8.

Firefox afegirà, amb fins d'accessibilitat, una petita vora de punts en un botó que té el focus. Aquesta frontera es declara a través de CSS, en el full d'estil del navegador, però pot substituir-lo en cas necessari, afegin el seu propi estil en el botó enfocat {{cssxref("::-moz-focus-inner")}} { }.

Firefox, a diferència d'altres navegadors, per defecte, persisteixi l'estat desactivat dinàmica d'un {{HTMLElement("button")}} a través de càrregues de pàgina. En establir el valor de l'atribut {{htmlattrxref("autocomplete","button")}} en off desactiva aquesta funció. Vegeu {{bug(654072)}}.

Firefox <35 per Android estableix per defecte un gradient {{ cssxref("background-image") }} en tots els botons (veure {{bug(763671)}}). Això es pot desactivar usant background-image: none.

Veure

Altres elements que s'utilitzen per a la creació de formularis : {{HTMLElement("form")}}, {{HTMLElement("datalist")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("input")}},{{HTMLElement("keygen")}}, {{HTMLElement("label")}}, {{HTMLElement("legend")}}, {{HTMLElement("meter")}}, {{HTMLElement("optgroup")}}, {{HTMLElement("option")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}}, {{HTMLElement("select")}}, {{HTMLElement("textarea")}}.

Sumari

Atributs

Exemple

Especificacions

Navegadors compatibles

En fer clic i enfocament

Notes

Veure