由於標籤有時文本輸入字段沒有響應

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