我正在使用 materializecss 框架创建一个网站,并鼓励出现有时输入无法正确响应的错误。
例如,当单击第一个输入并且针对第二个输入的较高部分时,有时会发生这种情况。仍然单击第一个输入会发生什么。
看起来
<label>name1</label>
正在导致它。有没有办法解决这个问题?
这是示例。
我正在使用 materializecss 框架创建一个网站,并鼓励出现有时输入无法正确响应的错误。
例如,当单击第一个输入并且针对第二个输入的较高部分时,有时会发生这种情况。仍然单击第一个输入会发生什么。
看起来
<label>name1</label>
正在导致它。有没有办法解决这个问题?
这是示例。
您对每个输入都使用了相同的 ID ( input_text
),ID 是唯一的,尝试为每个输入使用不同的 ID,并将每个标签的for
属性链接到正确的 ID。
您有具有相同 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 匹配。
修复了你的小提琴