由于标签，文本输入字段有时没有响应答案

【问题标题】：Text input fields sometimes not responding because of labels由于标签，文本输入字段有时没有响应
【发布时间】：2015-04-23 09:17:18
【问题描述】：

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

当点击第一个输入时，有时会发生这种情况，并且针对第二个输入的较高部分。仍然单击第一个输入会发生什么情况。

好像

 <label>name1</label>

正在导致它。有什么办法可以解决这个问题吗？

这里是example。

【问题讨论】：

使用不同的ID：jsfiddle.net/eoadr7m5/1

标签： javascript html materialize

【解决方案1】：

您对每个输入都使用了相同的 ID (input_text)，ID 是唯一的，请尝试为每个输入使用不同的 ID，并将每个标签的 for 属性链接到正确的 ID。

Here's your fixed JSFiddle

【讨论】：

【解决方案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

【讨论】：