首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >标签元素的for属性必须引用非隐藏的窗体控件。

标签元素的for属性必须引用非隐藏的窗体控件。
EN

Stack Overflow用户
提问于 2016-07-25 13:35:06
回答 2查看 39.7K关注 0票数 7

我的代码中有一些错误--这里是我的错误:

label元素的for属性必须引用非隐藏的窗体控件。

我的密码是:

代码语言:javascript
运行
复制
<form action="/search">
  <span class="input input--hoshi search-wrapp main-page-open" style="display:block">
    <input class="input__field input__field--hoshi" type="text" id="search" name="keyword" placeholder="Search..."/>
    <label class="input__label input__label--hoshi input__label--hoshi-color-2" for="input-5">
      <!--<span class="input__label-content input__label-content-hoshi">Search...</span>-->
    </label>
    <span class="icon-serch"></span>
  </span>
  <input id="search-btn" type="submit" style="display: none;"/>
</form>

这是怎么回事?谢谢!

EN

回答 2

Stack Overflow用户

发布于 2017-06-30 10:43:50

属性的标签必须包含输入id值。

代码语言:javascript
运行
复制
<label for="foo">Foo:</label>
<input id="foo">

若要将forid属性全部省略,请将输入放入标签中。

代码语言:javascript
运行
复制
<label>
    Foo: <input name="foo">
</label>

还要注意的是,输入不能是隐藏的 <input type="hidden">,但是可以将其设计为隐藏<input style="display:none">

票数 11
EN

Stack Overflow用户

发布于 2017-06-02 16:32:02

验证器期望标签的for字段以包含它的输入元素的id字段为目标。在这里,这意味着for="input-5"应该是for="search",因为<input>的id是search

当您期望用户将输入添加到此字段时,您应该确保它们是相互链接的。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38569235

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档