Label 标签

偏执的太偏执、 2023-06-27 03:27 15阅读 0赞

Label 标签:

有的时候你是否发现点击一些表单的旁边的姓名…并没有点击到输入框也可以对输入框进行聚焦,其实运用到的就是label标签就可以达到这个效果。

  1. <body>
  2. <div>
  3. <label for="demo">姓名:</label>
  4. <input type="text" id="demo">
  5. </div>
  6. </body>
  7. <script>
  8. const oLabel = document.getElementsByTagName('label')[0];
  9. oLabel.onclick = function () {
  10. console.log(this);
  11. }
  12. const oInput = document.getElementById('demo');
  13. oInput.onclick = function () {
  14. console.log(this);
  15. }
  16. </script>

发表评论

表情:
评论列表 (有 0 条评论,15人围观)

还没有评论,来说两句吧...

相关阅读

    相关 Java Label标签

    java中的标签大多是为循环设计的,是为了在多重循环中方便break和coutinue的使用。 示例:在循环中跳到指定的标签处 完整代码 public class

    相关 Label 标签

     Label 标签: 有的时候你是否发现点击一些表单的旁边的姓名...并没有点击到输入框也可以对输入框进行聚焦,其实运用到的就是label标签就可以达到这个效果。

    相关 label标签

    label标签 目标: label标签主要目的是为了提高用户体验。 为用户提高最优秀的服务。 概念: label 标签为 input 元素定义标注(标签)。 作

    相关 HTML label标签介绍

    label标签介绍 label标签为input元素定义标注(标记),它不会向用户呈现任何特殊效果,和span标签类似。但label标签和span标签最大的区别就是它为鼠标

    相关 HTML <label> 标签

    此标签可以为`<input>`元素添加标注;与`<input>`元素关联起来,实现体验更佳的鼠标操作。 比如checkbox复选框,默认直接点击复选框才能实现选中和取消选...