Sök…


Syntax

  • <label>Example <input type="radio" name="r"></label> // Inpackning av ett kontrollelement
  • <label for="rad1">Example</label> <input id="rad1" type="radio" name="r"> // Använd for attribut

parametrar

attribut Beskrivning
för Hänvisning till mål-ID-elementet. Dvs: for="surname"
form HTML5 , [Föråldrad] Hänvisning till formuläret som innehåller målelementet. Etikettelement förväntas inom ett <form> -element. Om form="someFormId" tillhandahålls kan du placera etiketten var som helst i dokumentet.

Grundläggande användning

Enkel form med etiketter ...

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

Om etikett

Elementet <label> används för att referera till ett formelement.
Inom ramen för användargränssnittet används det för att underlätta målet / valet av element som typ radio eller checkbox .

<label> som omslag

Det kan bifoga önskat åtgärdselement

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

(Klicka på texten målet input kommer att växla det tillstånd / värde)

<label> som referens

Använda for attribut du inte behöver placera styrelementet som ättling till label - men for värdet måste matcha det ID

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

Notera
Använd inte mer än ett kontrollelement i ett <label> -element



Modified text is an extract of the original Stack Overflow Documentation
Licensierat under CC BY-SA 3.0
Inte anslutet till Stack Overflow