11.6 标签label

11.6 标签label

为了使浏览者能更方便地选择选项或定位输入点,在制作网页时应该使浏览者能在单击与某个控件相关的文本时即选中该控件。例如,单击复选框右边的文本即可选中复选框,或者单击文本框左边的提示文本即可将插入点定位到该文本框。

实现这种功能的方法是用label标记符为表单控件指定标签,并使用<label>标签的for属性使其与表单控件关联起来,将<lable>标签的for属性设置为与该控件的id相同,将<lable>标签绑定到控件的name属性没有作用。语法为:

for表示<lable>标签要绑定的表单控件的id,点击这个标签的时候,所绑定的标签将获取焦点。下面的实例在有输入框控件的表单中使用了<label>标签。

label标记定位表单框:

运行结果如图11-18所示。

图11-18 <label>标签实例