<label>
标签用于定义表单控件的标签。它通常与 <input>
元素一起使用,为输入框、复选框、单选按钮等表单元素提供标签。
语法
<label for="input_id">Label text</label>
属性
for
:指定与<label>
关联的表单元素的 id 值。
示例
<form> <label for="username">Username:</label> <input type="text" id="username"> </form>
在上面的示例中,<label>
标签与 <input>
元素通过 for
属性关联,点击标签文字时将聚焦到输入框。
注意事项
- 使用
<label>
标签可以增加表单的可访问性,使用户更容易理解表单的含义。 - 为了正确关联标签和表单元素,确保
<label>
的for
属性值与对应表单元素的 id 值一致。
总结
<label>
标签是表单开发中不可或缺的一部分,它提供了更好的用户体验和可访问性。在编写表单时,务必使用 <label>
标签为表单元素添加标签,提高用户交互的友好性和易用性。
属性 | 值 | 描述 |
---|---|---|
for | element_id | 规定 label 与哪个表单元素绑定。 |
form | form_id | 规定 label 字段所属的一个或多个表单。 |