DEV Community

liza
liza

Posted on

FORM WITH A SEMANTIC HTML, LEGEND AND FIELD SET

<!DOCTYPE html>




Form With Semantic 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> 

Image of Datadog

Create and maintain end-to-end frontend tests

Learn best practices on creating frontend tests, testing on-premise apps, integrating tests into your CI/CD pipeline, and using Datadog’s testing tunnel.

Download The Guide

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay