How to use label tag when creating HTML form

How to use the label label when creating a form in HTML: 1. Place the input label between the label labels; 2. Pass "Name: label>" Way.

The operating environment of this article: Windows 7 system, Dell G3 computer, HTML5&&CSS3 version.

The label tag is very important when creating a form, so this article will introduce to you the usage of the label tag when creating a form in HTML.

Let’s first take a look at what is a label label?

For example, when making a table with HTML, you can display characters such as "name" next to the text box, and display characters such as "male" or "female" next to the radio button. For something I need to explain, the best label to use is the "label label".

How to write label labels

There are two ways to write label labels:One way is to put it between label tags; The method is to use the for attribute.

The method of placing it between label tags, using label tags to split various parts of the form

  man 

The method of using the for attribute

名称： 

How does this work? Give the id of the form part to the for attribute of the label tag

Let’s look at a specific example:

     
  名字  
  男  女 
 最喜欢的食物   meat   fish   vegetables  其他   

The effect is as follows:

Examples of Interactive Content

Interactive content is content that requires users to check a Terms of Service checkbox.

If you check the box to agree to the terms of use, you can improve usability by describing it outside of the tag block.

Examples of poor usability:

  我同意服务条款。 

Examples of slightly better usability:

  我同意服务条款。 
 服务条款 

The above is the entire content of this article. For more exciting content, please refer to php Thehtml video tutorialcolumn of the Chinese website! ! !

The above is the detailed content of How to use label tag when creating HTML form. For more information, please follow other related articles on the PHP Chinese website!