【问题标题】:click on label doesn't open select点击标签不打开选择
【发布时间】:2015-12-15 15:51:58
【问题描述】:

我一直认为,点击label 或多或少会“触发”相应表单元素的点击。 但是,当涉及到select 时,这似乎不起作用。 “mousedown-on-selectfield”动画有效,但选择未打开。

我试过了:

<label for="my_id">Click me</label>
<select id="my_id">
  <option>1</option>
  <option>2</option>
</select>

还有:

<label for="my_id">Click me
  <select id="my_id">
    <option>1</option>
    <option>2</option>
  </select>
</label>

知道我做错了什么吗?

PS:Imo 这里应该不需要任何 Javascript,因为这是一个 html 功能

【问题讨论】:

  • 点击标签时,只会聚焦选择域,不会打开它
  • 那么为什么一个复选框会被选中,当点击它的标签而不是仅仅聚焦它时?
  • 如果不使用javascript,这是不可能的

标签: html forms select label


【解决方案1】:

根据 W3C,单击标签可能不执行任何操作或将 onFocus 事件发送到相关字段。在这种情况下,通常它会在选择元素上触发 onFocus。

https://www.w3.org/TR/html5/forms.html#the-label-element

【讨论】:

    猜你喜欢
    • 2013-08-22
    • 2021-12-19
    • 1970-01-01
    • 1970-01-01
    • 2010-12-04
    • 2019-03-03
    • 1970-01-01
    • 2016-09-17
    • 2018-01-11
    相关资源
    最近更新 更多