Błąd walidacji HTML: The atrybutu elementu etykiecie musi odnosić się do kontroli formy

Question

nie wiem dlaczego wciąż otrzymuję ten błąd podczas sprawdzania moją stronę na http://validator.w3.org/check Wystąpił błąd:

Line 46, Column 68: The for attribute of the label element must refer to a form control. 
<label class="environment-label" for="environment_form">Environments:</label> 

I wierzę, że podałem numer identyfikacyjny id mojej zewnętrznej wersji, dlaczego wciąż podsłuchuje mnie ten błąd?

<div> 
    <form id="environment_form" method="post"> 
     <div class="styled-select"> 
      <label class="environment-label" for="environment_form">Environments:</label> 
      <select name="environment_dropdown" onchange="selectionChanged()"> 
       <option @(ViewData["selection"] == null || string.IsNullOrEmpty(ViewData["selection"].ToString()) ? "selected" : "")>select one</option> 
       @foreach (string name in Model) { 
        <option @(ViewData["selection"] != null && ViewData["selection"].Equals(name) ? "selected" : "")> 
         @name 
        </option> 
       } 
      </select> 
     </div> 
    </form> 
</div> 

Answer 1

masz to:

for="environment_form" 

i odnosi się bezpośrednio do formularza! Ale atrybut "za" powinien odnosić się do elementu formularza, w twoim przypadku do wyboru. Dodaj atrybut "id" do swojego wyboru i zmień "na", na przykład:

<label class="environment-label" for="environment_dropdown">Environments:</label> 
<select name="environment_dropdown" id="environment_dropdown" onchange="selectionChanged()">