验证HTML时出错:label元素的for属性必须引用表单控件

前端之家收集整理的这篇文章主要介绍了验证HTML时出错:label元素的for属性必须引用表单控件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我不知道为什么我在 http://validator.w3.org/check检查我的页面时一直收到此错误
错误是:
  1. Line 46,Column 68: The for attribute of the label element must refer to a form control.
  2. <label class="environment-label" for="environment_form">Environments:</label>

我相信我为我的标签提供了外部表格的id引用,为什么它一直在告诉我这个错误

  1. <div>
  2. <form id="environment_form" method="post">
  3. <div class="styled-select">
  4. <label class="environment-label" for="environment_form">Environments:</label>
  5. <select name="environment_dropdown" onchange="selectionChanged()">
  6. <option @(ViewData["selection"] == null || string.IsNullOrEmpty(ViewData["selection"].ToString()) ? "selected" : "")>select one</option>
  7. @foreach (string name in Model) {
  8. <option @(ViewData["selection"] != null && ViewData["selection"].Equals(name) ? "selected" : "")>
  9. @name
  10. </option>
  11. }
  12. </select>
  13. </div>
  14. </form>
  15. </div>

解决方法

你有这个:
  1. for="environment_form"

它直接指的是表格!但是“for”属性应该引用表单中的元素,在您的情况下应该引用select.因此,在您的选择中添加“id”属性并更改“for”,如下例所示:

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

猜你在找的HTML相关文章