单选按钮所需属性不起作用

Question

我正在使用HTML在网页上工作。场景是：

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

从上面的情况，节有一个形式，它反过来有很少的分裂。我的问题是：如何在第三部分之后的底部如何显示单个提交按钮（如上所示），以便从用户那里收集所有输入的数据并提交它？

我遇到的问题是单选按钮的required属性。当我提交表格时，并不是提示我它是必填字段。如何更改我的代码以便单选按钮提示我它是必填字段？

Answer 1

尝试删除其他表单标签，并在下面的单选按钮中删除required。

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