What is the function of label label?

The label label improves usability for mouse users. When the user clicks on the text in the [] label, the browser will automatically turn the focus to the label associated with it. on the control.

The operating environment of this article: windows10 system, html5, thinkpad t480 computer.

The function of the label label:

1. Label definition and usage

In html, < The ;label> tag is usually used together with the tag, which defines a label (marker) for the input element.

The purpose of the label is to improve usability for mouse users. When the user clicks on the text in the label, the browser will automatically turn focus to the control associated with the label. Above;

labels are often used on radio buttons and check buttons. After using this label, the text of the radio button or check button can also be selected when you click it.

2. Label syntax format

文本内容

Description:

The id of the associated control generally refers to The id of the input element;

There is also a new attribute form in HTML5. The form attribute is used to specify the id list of one or more forms to which it belongs, separated by spaces;

When the label is not in the form label

, you need to use the form attribute to specify the form to which it belongs;

3. Example

篮球足球乒乓球
足球

Running results ：

Related free learning recommendations: php programming (video)

The above is the detailed content of What is the function of label label?. For more information, please follow other related articles on the PHP Chinese website!