使用 label
元素可以将表单控件和标签文本关联起来,使用户点击标签文本时,表单控件会被激活。这种方式可以提高表单的可访问性和易用性。
关联表单控件的方式如下:
给表单控件设置一个 id
属性,该属性的值要与 label
元素的 for
属性值相同,以建立联系。
<label for="username">Username:</label>
<input type="text" id="username" name="username">
在 label
元素中使用 for
属性,该属性的值要与表单控件的 id
属性值相同,以建立联系。
<label for="username">Username:</label>
<input type="text" id="username" name="username">
在上面的例子中,label
元素的 for
属性值为 "username"
,与 input
元素的 id
属性值相同,建立了联系。
使用 label
元素关联表单控件可以提高表单的可访问性和易用性,使用户可以通过点击标签文本来激活表单控件,而不仅是通过鼠标点击表单控件本身来激活它。