單選按鈕所需屬性不起作用

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>