HTML
Labelelement

Syntaxis

• <label>Example <input type="radio" name="r"></label> // Een besturingselement verpakken
• <label for="rad1">Example</label> <input id="rad1" type="radio" name="r"> // Gebruik for attribuut

parameters

Basisgebruik

Eenvoudig formulier met labels ...

<form action="/login" method="POST">
    
    <label for="username">Username:</label>
    <input id="username" type="text" name="username" />

    <label for="pass">Password:</label>
    <input id="pass" type="password" name="pass" />

    <input type="submit" name="submit" />

</form>

<form id="my-form" action="/login" method="POST">
    
    <input id="username" type="text" name="username" />

    <label for="pass">Password:</label>
    <input id="pass" type="password" name="pass" />

    <input type="submit" name="submit" />

</form>

<label for="username" form="my-form">Username:</label>

Over label

Het element <label> wordt gebruikt om te verwijzen naar een formulieractie-element.
In het kader van User Interface wordt het gebruikt om het doel / de selectie van elementen zoals Type radio of checkbox te vergemakkelijken.

<label> als wrapper

Het kan het gewenste actie-element omsluiten

<label>
    <input type="checkbox" name="Cats">
    I like Cats!
</label>

(Klik op de tekst die het doel input zal de status / waarde te schakelen)

<label> als referentie

Met het kenmerk for hoeft u het besturingselement niet als afstammeling van het label , maar de waarde for moet overeenkomen met de ID ervan

<input id="cats" type="checkbox" name="Cats">
<label for="cats" >I like Cats!</label>

Notitie
Gebruik niet meer dan één besturingselement binnen een <label> -element