Module 2 Quiz — HTML Forms & Semantic HTML

---

1. What attribute do you use to connect a to an ?

a) `name`

b) `id`

c) `for`

d) `class`

---

2. What does type="password" do on an ?

a) Requires a numeric password

b) Hides the typed characters

c) Sends the data encrypted

d) Makes the field read-only

---

3. Which type resets a form?

a) `type="submit"`

b) `type="reset"`

c) `type="clear"`

d) `type="button"`

---

4. Which element creates a dropdown menu?

a) ``

b) ``

c) `

`

d) ``

---

5. How many

elements should a page have?

a) As many as needed

b) One

c) Two (header and footer)

d) None — it's optional

---

6. Which element represents a blog post or news article?

a) `

`

b) `

`

c) `

`

d) `

---

7. What does colspan="2" do?

a) Merges 2 columns

b) Splits a cell into 2 columns

c) Adds 2 empty cells

d) Hides the cell

---

8. Which attribute is used to group radio buttons so only one can be selected?

a) `id`

b) `group`

c) `name`

d) `class`

---

9. Which element contains navigation links?

a) `

b) ``

c) `

`

d) ``

---

10. What does </code> NOT have?</strong></p> <br/> <li class="ml-5 list-disc text-zinc-700 mb-1.5 leading-relaxed">a) A closing tag</li> <li class="ml-5 list-disc text-zinc-700 mb-1.5 leading-relaxed">b) A `rows` attribute</li> <li class="ml-5 list-disc text-zinc-700 mb-1.5 leading-relaxed">c) A `value` attribute</li> <li class="ml-5 list-disc text-zinc-700 mb-1.5 leading-relaxed">d) A `placeholder` attribute</li></div></div><div class="mb-8"><div><div class="mb-4 grid gap-4 lg:grid-cols-2"><div><div class="mb-2 flex items-center justify-between"><label class="text-sm font-semibold text-zinc-700">🌐 HTML Editor</label><div class="flex items-center gap-2"><button title="Reset to original code" class="rounded-lg border border-zinc-300 px-3 py-1.5 text-xs font-medium text-zinc-600 transition-all hover:bg-zinc-100">↺ Reset</button><button class="flex items-center gap-1.5 rounded-lg bg-indigo-600 px-4 py-1.5 text-sm font-medium text-white transition-all hover:bg-indigo-700 disabled:cursor-not-allowed disabled:opacity-50">👁️ Preview</button></div></div><textarea class="w-full rounded-xl border border-zinc-300 bg-zinc-900 p-4 font-mono text-sm leading-relaxed text-green-400 focus:outline-none focus:ring-2 focus:ring-indigo-500" style="min-height:250px;resize:vertical;tab-size:2" spellCheck="false">

🖼️ Live Preview

← HTML Structure & CommentsNext: Module 3 Quiz - CSS Fundamentals →