课时46.label标签(掌握)

2018-06-24 02:27:25来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

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

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

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

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

3.绑定格式:

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

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

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

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

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

          

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

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:Canvas制作的下雨动画

下一篇:课时60.CSS的固定格式(掌握)