Radio deux boutons en même temps

Bonjour Pouvez-vous dire pourquoi je me suis permis de sélectionner deux boutons radio dans le présent code

<html>
  <head><title>Survey</title>
  <body>
     <h3>Please Enter the following Information: </h3>

  <form method= "post" action="/~fmccown/cgi-bin/printinfo.cgi">
    <input type ="hidden" name="input-source" value="survey2.html" />
     <p>
      Name: <input type="text" name="name" size="30" />
      </p><p>
      Classification:
      <select name="class">
        <option>Freshman</option>
    <option selected="selected">Sophomore</option>
    <option>Junior</option>
    <option>Senior</option>
     </select>
    </p><p>
      Gender:
        <input type="radio" name="gender" value="M" checked="checked" />Male
    <input type="radio" name="gender" value="F" />Female
    </p><p>
      Email address: <input type="text" name="email" size="30" />
          </p><p>
    Password: <input type="password" name="pword" />
    </p><p>
    What are your favorite computer classes?
    <br /> &nbsp;
    <label>
    <input type="checkbox" name="class-int" />Internet Development &nbsp;
    </label>
    <label>
    <input type="checkbox" name="class-net" />Networking &nbsp;
    </label>
    <label>
    <input type="checkbox" name="class-gui" />GUI &nbsp;
    </label>
    <label>
    <input type="checkbox" name="class-oop" />OOP
    </label>
    </p><p>
    Are you graduating this spring?
    <label>
    <input type="radio" name="grad-yes" value="Yes" />Yes
    </label>
    <label>
    <input type="radio" name="grad-no" value="Yes" />No
    </label>
    </p><p>
      <input type="submit" value="Submit Survey" />
      <input type="reset" value="Clear Form" />
   </p>
   </form>
  <p>
    Thank You!
  </p>
  </body>
  </html>

OriginalL'auteur Steffan Harris | 2011-10-05

  1. 9

    Ces deux éléments devraient probablement avoir le même name:

    <input type="radio" name="grad-yes" value="Yes" />
<input type="radio" name="grad-no" value="Yes" />

    OriginalL'auteur Matt Ball

  2. 5

    Boutons Radio sont regroupés si et seulement si ils ont un nom commun.

    La première paire est appelé gender, de sorte qu'il fonctionne.

    La deuxième paire n'est pas le cas, puisque l'on est appelé grad-yes et les autres grad-no.

    Le chemin à parcourir serait:

    <label>
<input type="radio" name="grad" value="Yes" />Yes
</label>
<label>
<input type="radio" name="grad" value="No" />No
</label>

    OriginalL'auteur Dennis