且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

错误验证HTML:本为标签元素的属性必须引用表单控件

更新时间:2022-10-15 19:30:42

你有这样的:

 为=environment_form

和它是指直接在表格!但为属性,应该是指表单中的一个元素,你的情况来选择。因此,添加一个id属性到你的选择和改变了,这样的FO例如:

 <标签类=环保标签为=environment_dropdown>环境:LT; /标签>
<选择名称=environment_dropdownID =environment_dropdown的onchange =对selectionChanged()>

I don't know why I keep getting this error while checking my page at http://validator.w3.org/check The error was:

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 believe I provided an id reference for my label to the outer form, why it keep bugging me about this error?

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

you have this :

for="environment_form"

and it refers to the form directly ! But the "for" attribute should refer to an element of your form, in your case to the select. So add an "id" attribute to your select and change the "for", like this fo example :

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