8

http://validator.w3.org/checkで自分のページをチェックしているときに、なぜこのエラーが発生し続けるのかわかりません 。エラーは次のとおりです。

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>

外部フォームへのID 参照を提供したと思いますがlabel、なぜこのエラーについて私を悩ませ続けるのですか?

<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>
4

1 に答える 1

26

あなたはこれを持っています：

for="environment_form"

フォームを直接参照します。ただし、「for」属性はフォームの要素を参照する必要があり、あなたの場合は選択します。したがって、select に「id」属性を追加し、「for」を次の例のように変更します。

<label class="environment-label" for="environment_dropdown">Environments:</label>
<select name="environment_dropdown" id="environment_dropdown" onchange="selectionChanged()">
于 2012-07-19T18:59:21.753 に答える