2

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

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

看起来

 <label>name1</label>

正在导致它。有没有办法解决这个问题?

这是示例

4

2 回答 2

5

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

这是你固定的 JSFiddle

于 2015-04-23T09:20:25.013 回答
1

您有具有相同 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 匹配。

修复了你的小提琴

于 2015-04-23T09:32:17.750 回答