Forms are how users send data to websites. They're essential for login pages, contact forms, and applications.

<form>
  <!-- Text input -->
  <label>Name:</label>
  <input type="text" name="name">
  
  <!-- Email input -->
// ...

• text — Single-line text input
• email — Email validation built-in
• password — Text hidden with dots/asterisks
• checkbox — Multiple selections
• radio — Single selection
• date — Date picker
• number — Number input with increment/decrement

<form action="/submit" method="POST">
  <fieldset>
    <legend>Contact Information</legend>
    <label for="email">Email:</label>
    <input id="email" type="email" name="email" required>
  </fieldset>
  <button type="submit">Submit</button>
</form>

• Use <label> for every input (improves accessibility)
• Use for attribute on labels to link them to inputs
• Use appropriate input types for validation
• Mark required fields with the required attribute

Forms are how users send data to websites. They're essential for login pages, contact forms, and applications.

<form>
  <!-- Text input -->
  <label>Name:</label>
  <input type="text" name="name">
  
  <!-- Email input -->
// ...

• text — Single-line text input
• email — Email validation built-in
• password — Text hidden with dots/asterisks
• checkbox — Multiple selections
• radio — Single selection
• date — Date picker
• number — Number input with increment/decrement

<form action="/submit" method="POST">
  <fieldset>
    <legend>Contact Information</legend>
    <label for="email">Email:</label>
    <input id="email" type="email" name="email" required>
  </fieldset>
  <button type="submit">Submit</button>
</form>

• Use <label> for every input (improves accessibility)
• Use for attribute on labels to link them to inputs
• Use appropriate input types for validation
• Mark required fields with the required attribute