HTML中的<label>标记用于为鼠标用户提供可用性改进,即,如果用户单击<label>元素内的文本,它将切换控件。 <label>标签为<button>,<input>,<meter>,<output>,<progress>,<select>或<textarea>元素定义标签。
<label>标记可以两种方式使用:
- 首先,通过提供<input>和id属性来使用<label>标签。 <label>标记需要一个for属性,该属性的值与输入id相同。
- 另外,<input>标记可直接在<label>标记内使用。在这种情况下,因为关联是隐式的,所以不需要for和id属性。
用法:
<label> form content... </label>
属性值:
- 为了:它指的是此标签用于的输入控件。它的值必须与输入控件的“id”属性的值相同。
- HTML - <label> form属性用法及代码示例:它是指标签所属的形式。
范例1:在这里,我们将在level标签之外使用input标签。
html
<!DOCTYPE html>
<html>
<body>
<h1>GeeksforGeeks</h1>
<strong>HTML label Tag</strong>
<form>
<!-- Starts label tags from here -->
<label for="student">
Student
</label>
<input type="radio" name="Occupation"
id="student" value="student"><br>
<label for="business">
Business
</label>
<input type="radio" name="Occupation"
id="business" value="business"><br>
<label for="other">
Other
</label>
<!-- Ends label tags here -->
<input type="radio" name="Occupation"
id="other" value="other">
</form>
</body>
</html>
输出:
范例2:在这里,我们将在level标签内使用input标签。
html
<!DOCTYPE html>
<html>
<body>
<h1>GeeksforGeeks</h1>
<strong>HTML label Tag </strong>
<form>
<!-- label tag starts from here -->
<label>
Male
<input type="radio" name="gender"
id="male" value="male" />
</label><br/>
<label>
Female
<input type="radio" name="gender"
id="female" value="female" />
</label><br/>
<label>
Other
<input type="radio" name="gender"
id="other" value="other" />
</label>
<!-- label tag ends from here -->
</form>
</body>
</html>
输出:
支持的浏览器:
- 谷歌浏览器
- IE浏览器
- Firefox
- Opera
- Safari
相关用法
- HTML <html>用法及代码示例
- HTML <section>用法及代码示例
- HTML Style用法及代码示例
- HTML <marquee>用法及代码示例
- HTML <noframes>用法及代码示例
- HTML <picture>用法及代码示例
- HTML <font>用法及代码示例
- HTML <hgroup>用法及代码示例
- HTML <q>用法及代码示例
- HTML Object用法及代码示例
- HTML Phrase用法及代码示例
- HTML <hr>用法及代码示例
- HTML <nav>用法及代码示例
- HTML <Meta>用法及代码示例
- HTML <optgroup>用法及代码示例
- HTML <frame>用法及代码示例
- HTML <main>用法及代码示例
注:本文由纯净天空筛选整理自Vishal Chaudhary 2大神的英文原创作品 HTML <label> Tag。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。