htmllabel标签怎么用
时间: 2023-07-03 22:12:18 浏览: 96
html中label标签的使用
5星 · 资源好评率100%
HTML中的`<label>`标签用于为表单控件定义标注。
`<label>`标签通常与`<input>`元素配合使用,为该元素定义标注。
`<label>`标签的常见用法如下:
1. 通过为`<label>`元素设置`for`属性,并将该属性的值设置为相应输入元素的`id`属性,来指定该标签与哪个输入元素相关联。
```html
<label for="username">用户名:</label>
<input type="text" id="username" name="username">
```
2. 将输入元素嵌套在`<label>`标签中,这样就不需要为`label`元素设置`for`属性了。
```html
<label>用户名:
<input type="text" name="username">
</label>
```
在这两种用法中,如果用户单击`<label>`标签,浏览器就会自动将焦点设置到相应的输入元素上。
阅读全文