文本输入字段有时因标签而无响应

Question

我正在使用materializecss框架创建一个网站，并鼓励有时输入没有正确响应的错误。

有时会在第一次输入时单击以及第二次输入的较高部分时发生这种情况。如果仍然点击第一个输入会发生什么。

似乎

 <label>name1</label>

正在造成它。有没有办法解决这个问题？

这是example。

Answer 1

您为每个输入使用相同的ID（input_text），ID是唯一的，尝试为每个输入使用不同的ID，并将每个标签的for属性链接到正常ID

Here's your fixed JSFiddle

Answer 2

您的输入字段具有相同的ID。

<input id="input_text" type="text"  name="bName1" class="validate">
<input id="input_value" type="text" name="bName2" class="validate">
<input id="input_string" type="text" name="bName3" class="validate">

ID ：id属性最重要的方面是它必须绝对唯一。与class属性（可能对页面中的许多元素应用相同的值）不同，应用于元素的id必须与同一页面上任何其他位置使用的id不匹配。

修正了Fiddle