关于 Form 中组件激活热区的疑惑

[NNodkkd]

为什么 Form 中 Input 的 label 是 Input 的激活热区、select 的 label 不是？
主要是疑惑为什么 label 要作为 input 的激活热区。

[pointhalo]

html的label标准行为，https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/label

<div class="preference">
  <label for="cheese">Do you like cheese?</label>
  <input  name="cheese" id="cheese" />
</div>

如果组件是沿用原生 html element 渲染的，那就会有这个行为。主要是 label for 和 id 的组合作用。
像 Select 这种自渲染的element，则不会有这种行为。

[NNodkkd]

团队内的交互设计师有讨论过在用户视角这个标准行为是否合理吗

[pointhalo]

这是HTML标准。

[pointhalo]

遵循A11y 规范是需要这么实现的。而不是自己用div 之类的替换 label。