html - "label for"不切换控制

Question

<form>
   <label for="male">Male</label>
   <input type="radio" name="sex" id="male" />
   <br />
   <label for="female">Female</label>
   <input type="radio" name="sex" id="female" />
 </form>

我有类似上面的代码。当用户单击标签时，它应该切换输入并关注它。它在任何地方都有效，但在弹出页面上。由于此功能随 html 一起提供，因此我不知道发生了什么。如果有人能给我提示，我真的很感激。我正在调查我的弹出页面。

谢谢

Answer 1

您是否有可能在您的页面上多次使用该 ID？

同样在你的情况下我会这样做:

<form>
   <label>Male <input type="radio" name="sex" id="male" /></label>
   <br />
   <label>Female <input type="radio" name="sex" id="female" /></label>
</form>