HTML表单需要双击才能关注字段

Question

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

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

Answer 1

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

Answer 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 ，因为= 的标签指向的 INPUT1

第二个输入的标签= 应为 input2

Answer 3

问题是在每个浏览器中发生的吗？

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

然后，确保您的代码有效。

然后，逐个删除每个表单元素，看看是否隔离了问题发生的位置。如果你能解决问题发生的地方，那将会产生很大的不同。