«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

Есть ли шанс использовать этот идентификатор несколько раз на своей странице?

Также в вашем случае я бы просто сделал:

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