🧠 Topic Summary
Unplugged activities are a fantastic way to learn computer science concepts without using a computer! In this activity, we'll design an HTML form on paper. This helps us understand the structure and elements needed for creating forms, like text fields, buttons, and checkboxes, before writing any code. It’s all about planning and visualizing the user interface. Think of it as sketching out your ideas before building them!
By designing the form manually, you focus on the logic and layout, making the coding process smoother later on. This hands-on approach enhances your understanding of HTML form elements and their relationships, making you a better web developer. Plus, it's a fun way to get creative and think outside the box!
🧮 Part A: Vocabulary
Match the terms on the left with their definitions on the right:
| Term |
Definition |
| 1. Input Field |
A. A clickable button that submits the form. |
| 2. Label |
B. An area where users can type in text. |
| 3. Button |
C. A short description next to a field. |
| 4. Checkbox |
D. Allows users to select one or more options from a list. |
| 5. Form |
E. A container for collecting user input. |
(Match the correct term to the definition)
✍️ Part B: Fill in the Blanks
Complete the following sentences:
- The <______> tag is used to create an input field in HTML.
- A <______> is used to describe what an input field is for.
- The <______> element is used to group related input elements.
🤔 Part C: Critical Thinking
Imagine you are designing a signup form for a new social media platform. Describe the different input fields you would include in your form and why. What information are you trying to collect from the user, and how will you use that information?