HTML Formulieren

HTML <label> element

  • Het <label> element specificeert een label voor een controle-element.
  • Zodra het <label> element focus krijgt (bijvoorbeeld via de tab-toets, of door er op te klikken), geeft het de focus door aan het bijbehorende controle-element.
  • Het <label> element mag één controle-element bevatten, dit moet dan wel het element zijn dat bij de label hoort.

Voorbeeld

<html>
<body>
<form>
<legend>Inloggen :</legend>
<label for="user">Gebruiker:</label>
<input type="text" name="user"/>
<label for="pasw">Paswoord:</label>
<input type="password" name="pasw"/>
<input type="button" value="login"/>
</form>
</body>
</html>

Inloggen :   
  
          

naar boven 

tip

Een label kan worden gebonden aan een element, hetzij door gebruik van het for attribuut, hetzij door het element in het label element te plaatsen.

Verschil HTML - XHTML

Zelfde gebruik in beide, zonder verschil.

Optioneel attribuut

Attribuut Waarde Beschrijving DTD
for element id Met het for attribuut wordt het label expliciet verbonden met een ander control in hetzelfde document.
Op deze manier hoeft het controle-element geen child meer te zijn van de label.		 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 <label> element ondersteunt volgende standaard attibuten:
Attribuut Waarde Beschrijving DTD
acceskey karakter Specificeert een sneltoets voor 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
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

  •  Het <label> element ondersteunt volgende gebeurtenis attibuten:
Attribuut Waarde Beschrijving DTD
onblur script Script moet worden uitgevoerd wanneer een element in het formulier, frame of venster zicht niet langer op de voorgrond bevindt STF
onclick script Script moet worden uitgevoerd op een muisklik STF
ondblclick script Script moet worden uitgevoerd op een dubbelklik STF
onfocus script Script dat moet worden uitgevoerd wanneer een toets of object wordt aangeklikt 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 <label> element wordt ondersteunt in de bekende browsers.
naar boven naar boven naar for
naar boven naar het for attribuut