Javascript Firefox表单字段在单击另一个字段时窃取焦点

我在firefox中遇到了一个带有多个文本输入字段的表单问题。当我点击第二个或第三个输入时，第一个文本输入会窃取焦点。除非我突出显示其他字段中的某个内容（在这种情况下，它会保持焦点），否则会发生这种情况

以前有人遇到过这个问题吗

姓名：




联系人：




电话号码：




日期：

问题在于您错误地使用了

标记。下面是一个如何执行此操作的示例：

姓名：

你能用一个例子创建一个吗？添加了codepen（JSFIDLE现在对我来说很奇怪-不会保存小提琴！）我在firefox中进行了测试，但无法复制。这是因为你将整个跨度和输入放在了单标签标签中。这是错误的。检查工作：不工作：你完全正确。我的一个开发人员把这个问题交给了我，我完全忽略了这一点。谢谢知道了这一点，Chrome似乎没有任何问题，这很有趣。是的，因为包含输入字段的标签也是一种有效的语法，我猜Chrome以不同的顺序威胁优先级堆栈，输入字段中的焦点事件可能比标签中的焦点事件具有更高的优先级。

  <div>
    <form action="/forms/SaveResponse" id="qansform" method="post">
      <input id="NavigationType" name="NavigationType" type="hidden" value="Update" />


      <div>
        <div class="question input-select">
          <label>
            <span class="label">Name:</span>
            <input data-rule-maxlength="500" data-rule-required="true" id="FirstTextBox" name="FirstTextBox" type="text" value="" />
            <br />
            <br />
            <span class="label">Contact:</span>
            <input data-rule-maxlength="500" data-rule-required="true" id="SecondTextBox" name="SecondTextBox" type="text" value="" />
            <br />
            <br />
            <span class="label">Phone Number:</span>
            <input data-rule-maxlength="20" data-rule-required="true" id="ThirdTextBox" name="ThirdTextBox" type="text" value="" />
            <br />
            <br />
          </label>
        </div>

        <div class="question input-select">
          <label>
            <span class="label">Date:</span>
            <input class="datefield" data-rule-date="true" data-rule-required="true" id="FourthTextBox" name="FourthTextBox" type="text" value="" />
            <br />
            <br />
          </label>
        </div>
      </div>
      <input type="button" value="Go Back" class="cancel form-submit" onclick="cancelClick()" />

    </form>
  </div>