Problems with the for attribute in the label

The label has a for attribute, which is used to associate with the form. However, the value of this for attribute can only be the id value in the form, not the value of the class.

Test 1

<Label for = "male"> Male </label> <input type = "radio" name = "sex" id = "male"/> <br/> <label for = "female"> Female </label> <input type = "radio" name = "sex" id = "female"/>

The test is normal. When you click the text, it will be selected

Test 2

<Label for = "male"> Male </label> <input type = "radio" name = "sex" class = "male"/> <br/> <label for = "female"> Female </label> <input type = "radio" name = "sex" class = "female"/>

The test does not respond. clicking the text radio button is not selected.

Conclusion: Pay attention to the subtle application of the for attribute in the label. Join form. The attribute value is the value of the Form id.