HTML Formulieren

HTML <button> element

  • Het <button> element definieert een drukknop.
  • In het <button> element kan men inhoud plaatsen zoals tekst of een afbeelding.
    Dit is het verschil met een button gemaakt met het input element.
  • Specificeer altijd het type attribuut voor de button.
    • Het standaardtype is "button" in Internet Explorer.
    • In andere browsers is dit "submit".

Voorbeeld

<html>
<body>
<button>Hier niet op drukken !</button>
</body>
</html>

resultaat:

Verschil HTML - XHTML

Zelfde gebruik in beide, zonder verschil.

nota

Wanneer het <button> element gebruikt wordt in een HTML formulier, onderschrijven verschillende browsers andere waarden!
Zo zal Internet Explorer de tekst tonen tussen de <button> en </button> tags, terwijl andere browsers de inhoud tonen van het value attribuut.

tip

Gebruik het <input> element om buttons te creëeren in een HTML formulier !

Experimenteer met de codes !

Optionele attributen

Attribuut Waarde Beschrijving DTD
disabled disabled Specificeert dat de button geblokkeerd wordt STF
name naam Specificeert de naam van de button STF
type button
reset
submit		 Specificeert het type button STF
value tekst Specificeert de onderliggende waarde van de button STF

naar boven 

DTD geeft aan in welk <!DOCTYPE> van HTML 4.01 / XHTML 1.0DTD het attribuut is toegestaan.
S=Strict, T=Transitional, F=Frameset

Standaard attributen

  • Het <button> element ondersteunt volgende standaard attributen:
Attribuut Waarde Beschrijving DTD
accesskey karakter Specificeert een toetsenbord sneltoets tot een element STF
class klassenaam Specificeert een klassenaam voor een element STF
dir ltr
rtl		 Specificeert de tekst richting van de inhoud van een element STF
id id Specificeert een uniek id voor een element STF
lang taalcode Specificeert de taalcode van de inhoud van een element STF
style stijl definitie Specificeert de inline stijl van een element STF
tabindex getal Specificeert de tabvolgorde voor een element STF
title tekst Specificeert extra informatie over een element STF
xml:lang taalcode Specificeert de taalcode van de inhoud van een element, in een XHTML document STF

naar boven 

Gebeurtenis attributen

  • De <button> tag ondersteunt volgende gebeurtenis attributen:
Attribuut Waarde Beschrijving DTD
onblur script Script moet opnieuw worden uitgevoerd bij vervagen STF
onclick script Script moet worden uitgevoerd op een muisklik STF
ondblclick script Script moet worden uitgevoerd op een dubbelklik STF
onfocus script Script moet worden uitgevoerd als een element gefocust is STF
onmousedown script Script dat moet worden uitgevoerd wanneer de muis wordt ingedrukt STF
onmouseover script Script dat moet worden uitgevoerd wanneer de muisaanwijzer beweegt over een element STF
onmouseup script Script dat moet worden uitgevoerd wanneer muisknop wordt losgelaten STF
onmouseout script Script dat moet worden uitgevoerd wanneer de muisaanwijzer beweegt uit van een element STF
onmousemove script Script dat moet worden uitgevoerd wanneer de muisaanwijzer beweegt STF
onkeydown script Script dat moet worden uitgevoerd wanneer u een toets indrukt STF
onkeypress script Script dat moet worden uitgevoerd wanneer een toets wordt ingedrukt en losgelaten STF
onkeyup script Script dat moet worden uitgevoerd wanneer een toets wordt losgelaten STF

naar boven 

Browser ondersteuning

Internet Explorer Firefox Chrome Opera Safari

  • Het HTML <button> element wordt ondersteunt in de bekende browsers.
naar boven naar boven naar disabled attribuut
naar boven naar het disabled attribuut