Forms Basics

🌐 HTML5 🟢 Chapter 16 of 37 📂 Phase 07: Forms & Input Controls 📅 2026 Edition

📌 Covered in this chapter: <form> Tag · action & method (GET vs POST) · <label for=""> · <input> & <button> · <textarea> · <select> & <option> · <fieldset> & <legend>

Welcome to Phase 7 (Chapter 16): Forms Basics! Forms enable user input submission to backend servers. In this chapter, we master <form>, action URLs, GET vs POST methods, explicit <label for=""> association, textareas, selects, and fieldset grouping.

1Form Submission Syntax & Label Association

HTML — Complete Form Syntax ▶ Run in HTML Editor

<form action="/submit-form" method="post">
  <fieldset style="border:1px solid #f97316; padding:15px; border-radius:8px;">
    <legend style="color:#f97316; font-weight:bold;">User Registration</legend>
    
    <p>
      <label for="username">Username:</label><br>
      <input id="username" name="user" type="text" required>
    </p>
    
    <p>
      <label for="country">Country:</label><br>
      <select id="country" name="country">
        <option value="in">India</option>
        <option value="us">United States</option>
      </select>
    </p>
    
    <button type="submit" style="background:#f97316; color:#fff; padding:8px 16px; border:none; border-radius:4px; cursor:pointer;">
      Register Now
    </button>
  </fieldset>
</form>

Written by Our Compiler Technical Editorial Team
Reviewed for accuracy & tested on HTML5 Standards · Last updated August 2026