由于标签，文本输入字段有时不响应

Question

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

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

好像

 <label>name1</label>

造成的。有什么办法可以解决这个问题吗？

这里是 example.

Answer 1

您为每个输入使用了相同的 ID (input_text)，ID 是唯一的，请尝试为每个输入使用不同的 ID，并且 link 每个标签的 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

由于标签，文本输入字段有时不响应

Text input fields sometimes not responding because of labels

html

javascript

materialize