资讯专栏INFORMATION COLUMN

课时46.label标签(掌握)

nevermind / 1121人阅读

摘要:我们点击注册页面,发现了一个问题,当我们点击密码两个字的时候,输入框聚焦了,而点击确认密码的时候,输入框也聚焦了,而我们上节课做的页面,这么点击,并不聚焦默认情况下文字和输入框是没有关联关系的也就是说点击文字输入框是不会聚焦,如果想点击文字

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

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

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

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

3.绑定格式:

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

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

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

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

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

          

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/2154.html

相关文章

  • 课时57.HTML被废弃的标签掌握

    摘要:为什么中有一部分标签会被废弃因为当前中的标签只有一个作用,就是用来添加语义,而早期的标签中有一部分标签是没有语义的有一部分标签是用来修改样式的所以这部分标签就被淘汰了没有任何的语义,都是用来修改样式的以后在企业开发中,不到万不得已一定不要使1.为什么HTML中有一部分标签会被废弃? 因为当前HTML中的标签只有一个作用,就是用来添加语义,而早期的HTML标签中有一部分标签是没有语义的   有...

    TIGERB 评论0 收藏0
  • 课时18.h标签和p标签以及hr标签掌握

    摘要:如何在中利用快捷键创建一个新的的文件同时按下键盘上的同时按下键盘上的标签系列作用用于给文本添加标题语义格式注意点标签是用来给文本添加标签题语义的,而不是用来修改文本的样式的标签一共有个,从,最多只能到,超过则无效可以利用每一个标签都独占一行 如何在webstorm中利用快捷键创建一个新的html的文件? 同时按下键盘上的ctrl+alt+insert(windows) 同时按下键盘上的ct...

    Allen 评论0 收藏0
  • 课时53.video标签掌握

    摘要:这节课来学习一下中新增的标签,我们先来看一下,中新增了哪些标签打开的网页,点击参考手册中的标签,有一个按字母顺序排列的标签,但凡标签后面带有标记的,都是新增的标签。这节课来学习一下html5中新增的标签,我们先来看一下,html5中新增了哪些标签? 打开W3school的网页,点击参考手册中的HTML/HTML5标签,有一个按字母顺序排列的标签,但凡标签后面带有5标记的,都是html5新增的...

    frontoldman 评论0 收藏0
  • 课时11.HTML基本机构详解(掌握

    通过观察我们发现,HTML基本结构中所有标签都是成对出现的。这些成对出现的标签中有一个带/有一个不带/,那么这些不带/的标签我们称之为开始标签,这些带/的标签,我们称之为结束标签。 html标签 作用: 用于告诉浏览器这是一个网页,也就是说告诉浏览器这是一个HTML文档 注意点: 其它所有的标签都必须写在html标签里面,也就是写在html开始标签和结束标签中间 head标签 作用: 用于...

    lavnFan 评论0 收藏0
  • 课时90.div和span(掌握

    摘要:和都可以把信息独立称一个小小都区域。有的人在这里用,这里不推荐,因为是用于和表单元素进行绑定的,它和表单元素搭配使用的。和有什么区别会单独的占一行,而不会单独占一行。是一个容器级别的标签,而是一个文本级别的标签。为什么在这里讲解div和span呢,而不在html中讲解呢? 因为在我们的开发中div和span一般是配合css来使用的,来完成一定的效果,来设置一些属性,在前面我们没有学习css,...

    Yuqi 评论0 收藏0

发表评论

0条评论

nevermind

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<