Introduce the label tag in HTML in detail

The relationship between label tags and specific form elements There are two main ways to associate label tags, Display association and Implicit association: Method 1: Explicit association The explicit association is through the for property, explicitly associated with another form control. It should be noted that the value of the for attribute must be the id of the markable form element in the same document as the label tag. Note that it is the id rather than the name. Such as: Hobbies: Basketball football Rendering: Displays the pros and cons of association and implicit association: Advantages of explicit association: It can reduce the number of label nesting layers label tags and forms can be in different positions Disadvantages of display association: The control needs to define the id attribute The label tag and the form control are not conducive to controlling as a whole Advantages of implicit association: The control does not need to define an id The label and the control are convenient to be controlled as a whole Implicit Association Disadvantages: Increased label nesting layers Cannot place labels and associated controls in different positions The above are personal views on the two methods, and you can choose to…