HTML 表单需要双击以专注于字段答案

【问题标题】：HTML form needs double click to focus on fieldHTML 表单需要双击以专注于字段
【发布时间】：2009-09-29 13:19:48
【问题描述】：

由于某种原因，我的一个表单（我在同一页面中有 2 个表单）无法正常工作，因为我需要双击每个表单字段才能输入数据。

任何想法为什么会发生这种情况？

【问题讨论】：

浏览器？ JavaScript？有现场演示吗？
也许这个问题最好直接问doctype.com的人。
如果不提供至少一些代码或 URL，您就无法寻求帮助。
pastebin.com/m1e448392 但它并没有什么奇怪的地方。
页面的实时工作示例将比其他任何事情都更有帮助。您发布的代码只有基本的表单代码，效果很好。

标签： jquery html forms focus

【解决方案1】：

对于初学者，请尝试在浏览器中禁用 javascript，以确保没有导致此行为的原因。

【讨论】：

【解决方案2】：

鉴于信息有限，这是我的猜测：

<form name="form1">
    <label for="input1">
       <input id="input1" type="text" />
    </label>
</form>
<form name="form2">
    <label for="input1">
       <input id="input2" type="text" />
    </label>
</form>

所以当你点击在 input2 中输入文本时发生了什么，它专注于 input1 因为 label for= 指向输入1

第二个输入上的 label for= 应该是 input2

【讨论】：

【解决方案3】：

每个浏览器都会出现这个问题吗？

我要检查的第一件事是它发生在哪些浏览器中。

然后，确保您的代码通过验证。

然后，逐个删除每个表单元素，看看是否能找出问题所在。如果你能找出问题发生在哪里，那将会产生很大的不同。

【讨论】：