课时46.label标签(掌握)

我们点击QQ注册页面,发现了一个问题,当我们点击密码两个字的时候,输入框聚焦了,而点击确认密码的时候,输入框也聚焦了,而我们上节课做的页面,这么点击,并不聚焦

1.默认情况下文字和输入框是没有关联关系的

也就是说点击文字输入框是不会聚焦,如果想点击文字时让对应输入框聚焦,那么就需要让给你文字和输入框绑定

2.要想让输入框和文字绑定在一起,那么我们可以使用label标签

3.绑定格式:

3.1将文字利用label标签包裹起来

3.2给输入框添加一个id属性

3.3在label标签中通过for属性和输入框的id进行绑定即可

还有另外一个简单的方法可以实现:

将账号这一整个输入框包裹起来,但是这种方法有局限性

          

如果我们想做一个点击“账号”聚焦在“密码”输入框上,点击“密码”聚焦在“账号”输入框上

原文地址:https://www.cnblogs.com/luckyshuangshuang/p/9152294.html