Co to jest atrybut HTML dla = "" w <label>?

Question

Widziałem to w jQuery - co robi?

<label for="name"> text </label> 
<input type="text" name="name" value=""/> 

Answer 1

Atrybut for jest używany w etykietach. Odnosi się do identyfikatora elementu, z którym związana jest ta etykieta.

Na przykład:

<label for="username">Username</label> 
<input type="text" id="username" name="username" /> 

Teraz, gdy użytkownik kliknie z myszy na tekście username przeglądarka automatycznie położyć nacisk w odpowiednim input dziedzinie. Działa to również z innymi elementami wejściowymi, takimi jak <textbox> i <select>.

Cytat z specification:

Ten atrybut jednoznacznie kojarzy się z etykiety jest zdefiniowany z inny sterowania. Jeśli jest obecny, wartość tego atrybutu musi być równa tak samo jak wartość atrybutu id innej kontrolki w tym samym dokumencie. W przypadku braku zdefiniowana etykieta jest powiązana z zawartością elementu.

Jeśli chodzi o powód, dla którego twoje pytanie jest oznaczone jQuery i gdzie widziałeś, że jest używane w jQuery, nie mogę odpowiedzieć, ponieważ nie podałeś zbyt wielu informacji.

Może to użyto w selektorze jQuery znaleźć odpowiedni element wejściowy podany wystąpienie etykieta:

var label = $('label'); 
label.each(function() { 
    // get the corresponding input element of the label: 
    var input = $('#' + $(this).attr('for')); 
}); 

Answer 2

jest ona wykorzystywana w <label> tekstu dla HTML

np.

<label for="male">Male</label> 

<input type="radio" name="sex" id="male" value="male"><br> 

Answer 3

go stosuje <label> elementu

jest używany z typu wejścia wyboru lub redio do zaznaczyć na etykiecie kliknij

working demo

Answer 4

szybki przykład:

<label for="name">Name:</label> 
<input id="name" type="text" /> 

Znacznik for="" pozwala skupić dane wejściowe po kliknięciu etykiety.

Answer 5

Używa się go z etykietami, aby powiedzieć, że dwa obiekty należą do siebie.

<input type="checkbox" name="remember" id="rememberbox"/> 
<label for="rememberbox">Remember your details?</label> 

Oznacza to również, że kliknięcie tej etykiety zmieni wartość pola wyboru.

Answer 6

To atrybut <label> etykiet: http://www.w3schools.com/tags/tag_label.asp

Answer 7

atrybut znacznika <label>for powinna być równa atrybutu id powiązanego elementu wiąże je razem.

Answer 8

Czuję potrzebę odpowiedzi na to pytanie. Miałem takie samo zamieszanie.

<p>Click on one of the text labels to toggle the related control:</p> 
 

 
<form action="/action_page.php"> 
 
    <label for="female">Male</label> 
 
    <input type="radio" name="gender" id="male" value="male"><br> 
 
    <label for="female">Female</label> 
 
    <input type="radio" name="gender" id="female" value="female"><br> 
 
    <label for="other">Other</label> 
 
    <input type="radio" name="gender" id="other" value="other"><br><br> 
 
    <input type="submit" value="Submit"> 
 
</form>

Zmieniłem dla atrybutu label samców do samic. Teraz, jeśli klikniesz "mężczyzna", radio kobiece zostanie sprawdzone.

To proste.