FORM WITH SEMANTIC HTML, FIELD SET AND LEGEND

<!DOCTYPE html>

Form With Semantic HTML

Legend

Full Name:

 <section> 
   <label for="email">Email:</label> 
   <input type="email" id="email" name="email" required> 
 </section>

 <section>
   <label for="password">Password:</label> 
   <input type="password" id="password" name="password" required> 
 </section> 

 <section> 
    <label for="gender">Gender</label> 
    <select id="gender" name="gender"> 
      <option value="male">Male</option>
      <option value="female">Female</option> 
      <option value="other">Other</option> 
    </select> 
 </section> 

 <section> 
   <label> 
     <input type="checkbox" id="newsletter" name="newsletter"> 
     Subscribe to Newsletter
   <label>
 </section> 

 <section> 
    <label for="comments">Comments</label> 
    <textarea id="comments" name="comments" rows="4"></textarea> 
</section> 

<button type="submit">submit</button>