Chapter 10 Answer Key

Fiona Form's Friendly Fair

Making Webpages Interactive with Forms

Fill in the Blanks

1. Forms start with <form> tag.

2. User data is entered using <input>.

3. Field name is shown using <label>.

4. A submit action uses <button>.


Choose the Correct Option

1. Which tag creates a form?
✅ b) <form>

2. Which tag allows typing?
✅ a) <input>

3. Which tag shows field name?
✅ a) <label>


Taggy Challenge

Clear labels help users understand what information they need to enter in each field.


Match the Form Parts

TagMeaning
A. <form>2. Form container
B. <input>1. User typing box
C. <label>4. Field name
D. <button>3. Submit action
Answers:

A → 2
B → 1
C → 4
D → 3

Code Explorer

<form>
<label>Name:</label>
<input type="text">
<button>Send</button>
</form>

1. Which tag creates the input box?
✅ <input>

2. What text appears on the button?
✅ Send

3. Which tag holds everything together?
✅ <form>


Debug Mission

Error Found:

✅ Missing closing </button> tag.

Correct Code:

<form>
<label>Email:</label>
<input type="text">
<button>Submit</button>
</form>

Build Your Own Form

Sample Answer:

<form>
<label>Name:</label>
<input type="text">
<button>Submit</button>
</form>

Quick Builder Check

1. Which tag starts a form?
✅ <form>

2. Which tag creates typing boxes?
✅ <input>

3. Why are forms useful?
✅ Forms help collect information from users.


🏆 Builder Badge Earned

Form Builder

Congratulations! You can now create forms with labels, input fields, and buttons.