• <label>标签引起的Firefox焦点问题


    在使用Dreamweaver做页面form的时候,默认情况下Dreamweaver都会生成一个<label>标签把元素包装一下,但是有事由于包装不好也会出现一些问题,例如我现在遇到的问题:

    在IE7中没有任何问题,但是在firefox 2中点学科下拉时,每次松开鼠标左键后焦点就回到出版社上面,这样导致选择学科时必须一直按着鼠标左键。而相对而言,选择教材时却没有发现这个问题.

    分析页面:

     <form id="form2" name="form2" method="post" action="">

         <label>

            教材出版社 <select name="publisherID" id="publisherID" onchange="submit()">

                <option value="1" selected="selected">人民教育出版社</option>

                <option value="4">北师大出版社</option>

            </select>

    学科<select name="knowledgeID" id="knowledgeID" onchange="submit()">

            <option value="15" selected="selected">语文</option>

            <option value="19">数学</option><option value="20">英语</option>

    </select>

    </label>

    教材 <select name="schoolbookID" id="schoolbookID" onchange="submit()">

            <option value="8" selected="selected">三年级上册</option><option value="9">三年级下册</option>

     </select></form>

    原来在代码中,出版社和学科段被同一个<label>封装,估计firefox在处理时把整个<label>作为一个整体的焦点了,所以导致在这个焦点内点一个可获得焦点的控件得到焦点。

    结论:在使用时,尽量不要使用<label>标签,起码到现在为止我还没有发现这个标签有什么好处,另外,这个<label>也不在xhtml 1.1中,长远打算也应该废除。

  • 相关阅读:
    结对编程-马尔科夫链作业成绩
    结对编程-四则运算(挑战出题)成绩及点评
    结对编程-四则运算成绩
    结对编程-四则运算(挑战出题)
    结对编程
    每天进步一点点-第二天卒
    每天进步一点点-深度学习入门-基于Python的理论与实现 (一)
    今天准备更新每天提高一点点系列
    Books
    WPF命令好状态刷新机制
  • 原文地址:https://www.cnblogs.com/goody9807/p/3499056.html
Copyright © 2020-2023  润新知