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