HTML 的 <label> 标签用于定义表单元素的标签或标题，它可以与以下几种元素一起使用：
1. 文本输入框：<input type="text">、<input type="password">、<input type="number"> 等。
html
<label for="username">Username:</label>
<input type="text" id="username" name="username">
2. 单选按钮和复选框：<input type="radio">、<input type="checkbox">。
html
<label for="male">Male</label>
<input type="radio" id="male" name="gender" value="male">
<label for="female">Female</label>
<input type="radio" id="female" name="gender" value="female">
<label for="agree">I agree to the terms and conditions</label>
<input type="checkbox" id="agree" name="agree">
3. 下拉菜单：<select> 元素。
html
<label for="country">Select Country:</label>
<select id="country" name="country">
<option value="usa">USA</option>
<option value="canada">Canada</option>
<option value="uk">UK</option>
</select>
4. 文件上传：<input type="file">。
html
<label for="avatar">Choose a profile picture:</label>
<input type="file" id="avatar" name="avatar">
for 属性用于指定关联的表单元素，通过将 for 属性的值设置为表单元素的 id 属性，可以实现点击标签时聚焦到相应
的表单元素。这样做可以提升用户体验，使得点击标签就能选中对应的表单元素。
需要注意的是，在标签内部使用文本或其他 HTML 元素，以及设置样式等操作都是有效的，而且可以通过 CSS 进行定制化。