点击标签不打开选择

时间:2015-09-18 13:16:33

标签: html forms select label

我一直认为,点击label或多或少会触发"单击相应的表单元素。 然而,就select而言,这似乎并不起作用。 " mousedown-on-selectfield" -animation有效,但选择没有打开。

我试过了:

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

1 个答案:

答案 0 :(得分:2)

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

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