Home › coding › html › html forms

Html Forms — Free Html Tutorial

Learn Html Forms in Html with a free, beginner-friendly tutorial, examples and practice for Indian students on Syllab.in.

✓ 100% Free ✓ No Login Needed ✓ NCERT / CBSE Aligned ✓ Download as PDF

TL;DR: Learn Html Forms in Html with a free, beginner-friendly tutorial, examples and practice for Indian students on Syllab.in.

Written & reviewed by the Syllab.in Academic Team (CBSE/NCERT subject experts) · Updated Jul 14, 2026

🤖 Stuck on any question? Ask Syllab's free AI Tutor for a step-by-step explanation — instant, unlimited, no login.

Html Forms in Html

Forms (<form>) collect user input and send it to a server. They contain input elements: text fields, checkboxes, radio buttons, dropdowns, and buttons. Every input should have a <label> for accessibility.

The action attribute on <form> specifies where data is sent. The method attribute is GET (visible in URL) or POST (hidden). Input types: text, email, password, number, date, checkbox, radio, file, submit.

The name attribute on inputs is the key used when form data is submitted. Validation attributes: required, min, max, minlength, pattern.

Html Forms — Syntax

<form action="/submit" method="POST">
  <label for="name">Name:</label>
  <input type="text" id="name" name="name" required>
  <button type="submit">Submit</button>
</form>

Learn Html Forms step by step with Syllab's free interactive Html tutorial — runnable code examples, practice exercises and instant AI feedback, all free with no signup. Explore the full Html course →

Explore:

  • Syllabus
  • Practice
  • Mock Tests
  • NCERT Solutions
  • Coding
  • GK Quiz
  • Career Predictor
  • AI Tutor
  • Live Quiz
  • Doubt Solver
  • Microlearning
  • Free Alternatives
  • Kids Zone
  • Study Room
  • Calculators
  • Worksheets

Syllab.in — Free learning for Indian students, Class 1–12