How to use html label tag-Front-end Q&A-php.cn

Home

Web Front-end

Front-end Q&A

How to use html label tag

青灯夜游

May 27, 2019 pm 01:24 PM

html label label

html The label tag is used to define labels (marks) for input elements; the label element does not present any special effects to the user. However, it improves usability for mouse users; when the user selects the label, the browser automatically shifts focus to the form control associated with the label.

How to use html label tag

#How to use the html label tag?

Function: Define annotations (markers) for input elements.

Note: The label element will not present any special effects to the user. However, it improves usability for mouse users. This control is triggered if you click on the text inside the label element. That is to say, when the user selects the label, the browser will automatically turn the focus to the form control related to the label.

Note: The "for" attribute of the label can bind the label to another element. Please set the value of the "for" attribute to the value of the id attribute of the relevant element.

html label label example 1:

<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
</head>
<body>
<p>请点击文本标记之一，就可以触发相关控件：</p>
<form>
<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" />
</form>
</body>
</html>

Copy after login

Rendering:

How to use html label tag

html label label example 2:

<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
</head>
<body>
<p>点击文本，就可以触发相关控件：</p>
<form>
<label for="male">Male</label>
<input type="text" id="male" />
<br />
<label for="female">Female</label>
<input type="text" id="female" />
</form>
</body>
</html>

Copy after login

Rendering:

How to use html label tag

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

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn