HTML
Beschriftungselement

Syntax

• <label>Example <input type="radio" name="r"></label> // Ein Steuerelement umschließen
• <label for="rad1">Example</label> <input id="rad1" type="radio" name="r"> // Verwendung for Attribut

Parameter

Grundlegende Verwendung

Einfaches Formular mit Etiketten ...

<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>

Über das Label

Das <label> -Element wird verwendet, um auf ein Formularaktionselement zu verweisen.
In der Benutzeroberfläche wird es verwendet, um die Auswahl / Auswahl von Elementen wie Typ radio oder checkbox zu erleichtern.

<label> als Wrapper

Es kann das gewünschte Aktionselement einschließen

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

(Klick auf den Text der input schaltet es Zustand / value)

<label> als Referenz

Wenn Sie das for Attribut verwenden, müssen Sie das Kontrollelement nicht als Abkömmling der label Der for Wert muss jedoch mit seiner ID übereinstimmen

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

Hinweis
Verwenden Sie nicht mehr als ein Steuerelement in einem <label> -Element