zoukankan      html  css  js  c++  java
  • 工作中发现html label标签的一些特性

    今天项目中发现一个问题,就是页面中有两个input输入框,始终无法选中第二个input输入框

    开始还以为是哪里的JS控制了,后来把所有的JS都去掉还有这问题。

    看了结构后发现是有一个label标签将两个input包含起来了,结构如下:

    <html>
      <body>
        <label>
          <input type="text" /><input type="text" />
        </label>
      </body>
    </html>

    后来将label标签去掉就没这问题了,查了下label标签的文档发现是由于label标签的特性引起的!

    唉,都是自己对html标签的特性不熟悉导致,虽然是很简单的一个标签,但都有相应的规则,是不能随便乱用的!


    IE中不会这种情况,是否算个Bug呢? Firefox,Opera,safari,中都有该现象。。

    总结:

    label标签中只能包含一个input标签,在没有写for属性的情况下如果包含多个input,那么点击label后始终会选中默认的input,也就是第一个input。
    label标签中有多个input时,没有设置for属性时,会把第一个input设为默认。

  • 相关阅读:
    第十二周 张文小组学习情况总结
    第五章
    第四章
    第三章
    软工实训--学习回顾2
    软工实训-- 学习回顾1
    构建之法——读书笔记(9)
    构建之法——读书笔记(8)
    构建之法——读书笔记(7)
    第13周张文小组学习情况总结
  • 原文地址:https://www.cnblogs.com/load/p/2383988.html
Copyright © 2011-2022 走看看