Нажмите на метку, чтобы не вводить фокус, несмотря на = id

Question

Я наткнулся на интересную проблему сегодня и, похоже, не могу ее решить. У меня три формы на моем сайте, все они содержат одинаковые поля формы. У меня есть метки для каждого поля ввода и хотелось бы сфокусировать ввод текста (или в случае, если радиокнопки выбирают соответствующее радио), когда пользователь нажимает на метку. Это отлично работает в течение первых двух форм, однако этикетки не реагируют на щелчок в третьей форме:

Номера формы 2 (аналог для формирования 1 с различными идентификаторами, оба работают прекрасно):

<label class="label1">Anrede</label> 
<input type="radio" name="gender" value="frau" id="2_frau"> 
<label class="radio-label" for="2_frau">&nbsp;Frau&nbsp;</label> 
<input type="radio" name="gender" value="herr" id="2_herr"><label class="radio-label" for="2_herr">&nbsp;Herr&nbsp;</label> 
<br> 
<label class="label1" for="2_firstname">Vorname</label> 
<input type="text" name="firstname" id="2_firstname" placeholder="Vorname&#42;"> 
<br> 
<label class="label1" for="2_lastname">Nachname</label> 
<input type="text" name="lastname" id="2_lastname" placeholder="Nachname&#42;"> 
<br> 
<label class="label1" for="2_email">E-Mail-Adresse&#42;</label> 
<input type="text" name="email" id="2_email" placeholder="E-Mail-Adresse&#42;" required> 

Номер формы 3 (отсутствие реакции при метке щелкнула):

<label class="label1">Anrede</label> 
<input type="radio" name="gender" value="frau" id="4_frau"> 
<label class="radio-label" for="4_frau">&nbsp;Frau&nbsp;</label> 
<input type="radio" name="gender" value="herr" id="4_herr"> 
<label class="radio-label" for="4_herr">&nbsp;Herr&nbsp;</label> 
<br> 
<label class="label1" for="3_firstname">Vorname</label> 
<input type="text" name="firstname" id="3_firstname" placeholder="Vorname&#42;"> 
<br> 
<label class="label1" for="3_lastname">Nachname</label> 
<input type="text" name="lastname" id="3_lastname" placeholder="Nachname&#42;"> 
<br> 
<label class="label1" for="3_email">E-Mail-Adresse&#42;</label> 
<input type="text" name="email" id="3_email" placeholder="E-Mail-Adresse&#42;" required> 

Они оба заворачивают в <form></form> элемент. Я также сравнил две формы, и кроме атрибутов = "" и id = "" все одинаково. Я также попытался обернуть <input> -элементы в элемент <label>, это также не решит проблему. Проблема появляется в Chrome и Firefox одинаково.

Помощь очень ценится, спасибо!

Answer 1

Хорошо, мне удалось заставить его работать. Я использую bxslider-Plugin, и каждая форма была элементом слайдера, заключенным в неупорядоченный список. Щелчок метки не работает в последнем элементе списка, поэтому я просто добавил элемент списка призраков, чтобы исправить это. Вы были правы, не нужно было ничего делать с той частью, которую я опубликовал. Благодаря!