HTML <label>标签怎么用,定义标注

<label>标签

HTML中的<label>标签有什么用?在常见的注册登录页面中,输入框左侧的用户和密码这两个用于提示用于输入的标注是怎么定义的呢?可以通过<label>标签。虽然用span元素也可以设计出类似的样式,但是span并没有label作为标注的另一个作用,即当点击label定义的标注时,浏览器将会聚焦于与该标注有关的表单控件上。

<label></label>

提示:label元素是行内元素,包含其实标签和结束标签。


label元素的属性

属性描述
for值为某个表单元素的id,指定该label绑定于该表单元素。
form值为某个表单form的id,指定该label属于某个或多个表单。

label元素实例代码,及在线编辑器

<form>
  <label for='name'>用户:</label>
  <input type='text' id='name'><br><br>
  <label for='password'>密码:</label>
  <input type='password' id='password'>
</form>

实例代码提示

实例在线运行之后,可以点击label元素定义的标注上的文本,查看input元素的焦点情况变化。



全栈前端 / HTML教程 :


















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.