флажки в html-форме не проверяются при нажатии даже с метками: вот и вся форма

Question

Некоторые флажки в моей форме не проверяются при нажатии

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

<div class = "register">
    <form action="register.php" method="post">
    <input type="text" name="username" value="" placeholder="Username ..."><p />
                    <input type="password" name="password" value="" placeholder="Password ..."><p />
                    <input type="email" name="email" value="" placeholder="someone@somesite.com"><p />
                    <input type="gender" name="gender" value="" placeholder="Male or Female ..."><p />
                    <input type="sport" name="sport" value="" placeholder="Favorite Sport..."><p />
                                    <input type="age" name="age" value="" placeholder="Age ..."><p />
      <h1 class="h4">Favorite Player</h2>
        <br><br>
        <label><input type='checkbox' name='response1' value='response1'>Ronaldo</label>
        <label><input type='checkbox' name='response2' value='response2'>Messi</label>
        <label><input type='checkbox' name='response3' value='response3'>Ibra</label>
        <label><input type='checkbox' name='response4' value='response4'>Me</label>
        <br><br>
        <h1 class="h4">Favorite Color</h2>
          <br><br>
          <label><input type='checkbox' name='noise1' value='noise1'>Red</label>
          <label><input type='checkbox' name='noise2' value='noise2'>Blue</label>
          <label><input type='checkbox' name='noise3' value='noise3'>ME!</label>
          <br><br>
          <h1 class="h4">Level of Cleanliness/Organization Preference </h1><br><br><br><br>
          <input type='checkbox' name='room1' value='room1' class='heads'><img src="https://cdn-image.travelandleisure.com/sites/default/files/styles/1600x1000/public/1446151328/miami-header-dg1015.jpg?itok=eIwFd7q_" width="250" height="250" /><br>
          <input type='checkbox' name='room2' value='room2' class='heads'><img src="https://images.musement.com/cover/0002/49/thumb_148242_cover_header.jpeg?w=1200&h=630&q=60&fit=crop" width="250" height="250" /> <br>
          <input type='checkbox' name='room3' value='room3' class='heads'><img src="place.jpg" width="250" height="250" />
          <h1 class="h4">Do you want a account?</h2>
            <br><br><br><br>
            <label><input type='checkbox' name='r1' value='r1'>Yes</label>
            <label><input type='checkbox' name='r2' value='r2'>No</label>
            <br><br>
            <h1 class="h4">Do you need a account?</h2>
              <br><br>
              <label><input type='checkbox' name='r3' value='r3'>Yes</label>
              <label><input type='checkbox' name='r4' value='r4'>No</label>
              <br><br>

              <br><br>
br><br>
            

<?php
                if(isset($_POST['r3']))
                {
                    echo '   <h1 class = "h4">How did you find us?</h2><br><br>             <input type="location" name="location" value="" placeholder="Zip Code or Full address"><p />';
                
                }
            ?>
            <br><br>
              
              <input type="submit" name="createaccount" value="Create Account">
    </form>
</div class = "register">

Чтобы флажки были отмечены при нажатии

Answer 1

Мне удалось установить флажки при запуске фрагмента кода, включенного в ваш вопрос.

В качестве возможного решения для вашей среды вместо:

<input type='checkbox' name='response2' value='response2'>Messi</label>

Попробуйте выполнить следующее:

<input type="checkbox" id="Messi" name="Messi"> <label for="Messi">Messi</label>