Forms and inputs — HTML and CSS for kids

Code tip

Pick the right box — “each input type is made for one kind of answer”

1. <form> holds <input> tags; type= picks the kind: text, password, email, number, date …
2. Radio buttons with the same name allow only ONE choice; checkboxes allow many.
3. type="submit" makes the send button; <label> names a box.

Use it for: Making quizzes, sign-up pages, polls and feedback forms.

Worked example: 📝 At most, how many of these can be chosen at the same time?
<form>
  <input type="radio" name="fruit"> Banana
  <input type="radio" name="fruit"> Litchi
  <input type="radio" name="fruit"> Guava
  <input type="radio" name="fruit"> Mango
</form> → 1

✏️ Practice

Work it out in your head or on paper, type the answer and press Check. Stuck? Press “Show me how”.

🏁 Lesson 21 test

20 questions. Check each answer, then go to the next one. Get 16 or more right to pass.

🏅 Sign in with Google to earn the 📝 Form Field Pro badge when you pass — and a certificate when you finish all 10 lessons of Part 3 · Web Development. You can still take the test without signing in.

🖨️ HTML Worksheet: Forms and Inputs

• Worksheet set 1 (PDF)
• Worksheet set 2 (PDF)
• Worksheet set 3 (PDF)