时间戳

首页 > 解决方案 > html表单中的复选框即使使用标签也不会检查：这是整个表单

html - html表单中的复选框即使使用标签也不会检查：这是整个表单

问题描述

我的表单中的某些复选框在单击时未检查

我试过用标签包装它们，因为这通常对人们有用，但这对我来说并没有改变任何东西，即使我去掉了它仍然不检查的每个复选框的文本。我不确定它还能是什么。

<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">

单击时检查复选框

标签： htmlcssformscheckbox

解决方案

运行您问题中包含的代码段时，我能够选中这些框。

作为您的环境的可能解决方案，而不是：

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

尝试以下操作：

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

推荐阅读