在标签中输入[type = text]在Firefox中表现奇怪（仅限）

Question

看看这个示例：http://jsbin.com/imivek/1/edit

单击文本字段，这是标签的一部分，在Firefox中表现奇怪（在第17.0节中测试）：

• 点击一次会使其在很短的时间内聚焦，然后焦点移动到单选按钮。
• 相互之后不久点击两次将保持焦点。
• 通过其他方式（f.e. tab）进行聚焦将正常工作并且符合预期。
• 处理文本字段的click事件并阻止它冒泡（jQuery术语中为e.stopPropagation()）不会改变任何内容。

谁可以解释这种行为并建议如何最好地解决它？

Answer 1

标签内可能只有一个表单控件。你有两个。您的HTML无效，因此当浏览器试图弥补您的错误时，会出现奇怪的行为。

  

单击一次会使其在很短的时间内聚焦，然后焦点移动到单选按钮。

您点击了标签。这将焦点设置为单选按钮（因为标签似乎是它的标签）。

  

相互之后不久点击两次将保持焦点。

可能是某种错误恢复

  

通过其他方式（f.e. tab）聚焦它将正常工作并且符合预期。

您没有点击标签

  

处理文本字段的click事件并阻止它冒泡（jQuery术语中的e.stopPropagation（））不会改变任何内容。

它是本机功能，而不是脚本功能。

编写有效的HTML。

Answer 2

为什么同一个<input>中有两个<label>？你想做什么？标签应该绑定到一个输入元素并充当它的标题，这样当您单击它时，输入将获得焦点。

Answer 3

这是一个FF错误 https://bugzilla.mozilla.org/show_bug.cgi?id=213519 2003年报道，仍未修复！