XHTML5.NL

<button>-element (X)HTML

  • HTML 4.0+
  • XHTML 1.0+
  • IE 4.0+
  • Chrome 1.0+
  • Firefox 1.0+
  • Safari 1.0+
  • Opera 5.0+

Het <button>-element plaatst een knop op de pagina. Hoewel dit ook met het <input>-element kan, heeft het <button>-element als voordeel dat er andere elementen zoals afbeeldingen op de knop geplaatst kunnen worden, in plaats van alleen platte tekst.

  • <button … > … </button>

autofocus-attribuut

Zie de attributen m.b.t. formulieren voor de beschrijving van het autofocus-attribuut.

disabled-attribuut

Zie de attributen m.b.t. formulieren voor de beschrijving van het disabled-attribuut.

form-attribuut

Zie de attributen m.b.t. formulieren voor de beschrijving van het form-attribuut.

formaction-attribuut

Zie de attributen m.b.t. formulieren voor de beschrijving van het formaction-attribuut.

formenctype-attribuut

Zie de attributen m.b.t. formulieren voor de beschrijving van het formenctype-attribuut.

formmethod-attribuut

Zie de attributen m.b.t. formulieren voor de beschrijving van het formmethod-attribuut.

formnovalidate-attribuut

Zie de attributen m.b.t. formulieren voor de beschrijving van het formnovalidate-attribuut.

formtarget-attribuut

Zie de attributen m.b.t. formulieren voor de beschrijving van het formtarget-attribuut.

name-attribuut

Zie de attributen m.b.t. formulieren voor de beschrijving van het name-attribuut.

  • HTML 4.0+
  • XHTML 1.0+
  • IE 4.0+ *
  • Chrome 1.0+
  • Firefox 1.0+
  • Safari 1.0+
  • Opera 5.0+

type-attribuut

Het type-attribuut geeft aan wat voor een soort knop het betreft.

Er zijn drie mogelijkheden:

  • "submit": de knop verzendt het formulier (dit is de standaardwaarde);
  • "reset": de knop herstelt het formulier naar de beginwaarden;
  • "button": de knop doet niets (m.b.v. scripts wordt dan doorgaans alsnog gedrag toegekend).

Internet Explorer hanteerde tot en met versie 7 incorrect "button" als standaardwaarde. Het is daarom verstandig om het type-attribuut altijd expliciet in te stellen.

  • <button type="…" … > … </button>

value-attribuut

Zie de attributen m.b.t. formulieren voor de beschrijving van het value-attribuut.

Globale attributen

De globale attributen mogen op elk element worden toegepast. Dit zijn accesskey, class, contenteditable, contextmenu, data-…, dir, draggable, hidden, id, lang, spellcheck, style, tabindex en title.