Thuộc tính HTML cho = "" trong <label> là gì?

Question

Tôi đã thấy điều này trong jQuery - nó làm gì?

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

Answer 1

Thuộc tính for được sử dụng trong nhãn. Nó đề cập đến id của phần tử mà nhãn này được liên kết với.

Ví dụ:

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

Bây giờ khi người dùng nhấp chuột vào văn bản username trình duyệt sẽ tự động đặt trọng tâm trong input lĩnh vực tương ứng. Điều này cũng hoạt động với các yếu tố đầu vào khác như <textbox> và <select>.

Trích từ specification:

Thuộc tính này một cách rõ ràng liên kết nhãn được định nghĩa với kiểm soát khác. Khi có mặt, giá trị của thuộc tính này phải là giống như giá trị của thuộc tính id của một số điều khiển khác trong tài liệu tương tự. Khi vắng mặt, nhãn được xác định có liên quan đến nội dung của phần tử.

Theo như câu hỏi của bạn được gắn thẻ jQuery và bạn thấy nó được sử dụng trong jQuery ở đâu, tôi không thể trả lời vì bạn không cung cấp nhiều thông tin.

Có lẽ nó đã được sử dụng trong một selector jQuery để tìm ra yếu tố đầu vào tương ứng được đưa ra một ví dụ nhãn:

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

Answer 2

nó được sử dụng trong văn bản cho <label> html

ví dụ.

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

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

Answer 3

nó được sử dụng cho <label> yếu tố

nó được sử dụng với các loại đầu vào hộp kiểm hoặc redio để chọn trên nhãn nhấp

working demo

Answer 4

một ví dụ nhanh:

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

thẻ for="" cũng hãy tập trung đầu vào khi bạn nhấp vào nhãn.

Answer 5

Bạn sử dụng nhãn có nhãn để nói rằng hai đối tượng thuộc về nhau.

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

Điều này cũng có nghĩa là việc nhấp vào nhãn đó sẽ thay đổi giá trị của hộp kiểm.

Answer 6

Đó là thuộc tính cho <label> tag: http://www.w3schools.com/tags/tag_label.asp

Answer 7

Các for thuộc tính của thẻ <label> nên bằng với thuộc tính id của phần tử có liên quan để ràng buộc chúng lại với nhau.

Answer 8

Tôi cảm thấy cần phải trả lời câu hỏi này. Tôi đã có cùng một sự nhầm lẫn.

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

Tôi đã thay đổi cho thuộc tính trên lable nam sang nữ. Bây giờ, nếu bạn nhấp vào 'nam', radio nữ sẽ được chọn.

Đơn giản như vậy.