Optionsfeld erforderlich Attribut funktioniert nicht

Question

Ich arbeite an einer Webseite mit HTML. Das Szenario lautet:

<section> 
    <form> 

     <!-- FIRST DIVISION --> 
     <div> 
      <form> 
       <input type="radio" name="gender" value="male" required> 
       <input type="radio" name="gender" value="female" > 
      </form> 
     </div> 

     <!-- SECOND DIVISION --> 
     <div> 
      <form> 
      </form> 
     </div> 

     <!-- THIRD DIVISION --> 
     <div> 
      <form> 
      </form> 
     </div> 

    <input type="submit" value="submit"> 

    </form> 
</section> 

Aus dem obigen Szenario hat ein Abschnitt eine Form, die wiederum einige Divisionen enthält. Meine Frage ist: Wie kann ich einen einzigen Submit-Button (wie oben gezeigt) nach der dritten Division platzieren, der alle eingegebenen Daten vom Benutzer sammelt und abgibt?

Das Problem, mit dem ich dies versuchte, ist mit dem Attribut required des Optionsfelds. Wenn ich das Formular absende, wird es nicht aufgefordert, dass es ein Pflichtfeld ist. Wie führe ich Änderungen an meinem Code durch, so dass der Radiobutton dazu auffordert, dass es ein Pflichtfeld ist?

Answer 1

versuchen, die anderen Form-Tags und auch die required in Radioknopf wie unten zu entfernen.

<section> 
    <form> 

     <!-- FIRST DIVISION --> 
     <div> 

       <input type="radio" name="gender" value="male"> 
       <input type="radio" name="gender" value="female" > 

     </div> 

     <!-- SECOND DIVISION --> 
     <div> 

     </div> 

     <!-- THIRD DIVISION --> 
     <div> 

     </div> 

    <input type="submit" value="submit"> 

    </form> 
</section>