DEV Community

liza
liza

Posted on

Html code with semantic value, field set and legend

<!DOCTYPE html>









Form With Semantic HTML
</head>
</body> 

   <h1>Form With Semantic HTML</h1>

   <form> 
    <fieldset> 
     <section> 
       <label for="fullName">Full Name:</label> 
       <input type="text" id="fullName" name="fullName" required> 
     </section> 

     <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> 
  </form> 
</fieldset>

</body>
</html> 
Enter fullscreen mode Exit fullscreen mode

Top comments (0)