HTML Content & Forms — Chapter Quiz

Question 1

1

Tables are a good way to lay out columns of unrelated content.

TTrueFFalse

Tables are for tabular data. For layout, use flex or grid.

Question 2

2

For an input to be sent with the form, it needs which attribute?

AidBnameCvalueDrequired

name is the field name in the submission. Inputs without a name are display-only.

Question 3

3

Which is the BEST way to label an input?

Aplaceholder="Email"BA <label> with for matching the input's idCText above the inputDaria-label

A real <label> connects to the input, clicks focus, and screen readers announce it. Placeholder is not a label.

Question 4

4

For an email input on mobile, the type should be…

AtextBemailCtelDDoesn't matter

type="email" triggers email validation AND a mobile keyboard tuned for emails (with @ and .).

Question 5

5

Which element wraps the main, unique content of a page?

A<article>B<main>C<section>D<body>

<main> is the unique main content. One per page. Skip-links target it.

Question 6

6

A page can have multiple <header> elements.

TTrueFFalse

A <header> can appear at the page level AND inside each <article> or <section>. It's "introductory content for the surrounding context".

Question 7

7

Which <meta> tag is essential for mobile responsive design?

A<meta charset="utf-8">B<meta name="viewport" content="width=device-width, initial-scale=1">C<meta name="description">D<meta property="og:title">

Without the viewport meta, mobile browsers assume ~980px page width and zoom out. This tag is responsive design's required foundation.

Question 8

8

To prevent the browser's default form submission, an event listener calls e._______() inside the submit handler.

e.preventDefault() stops the browser's default action — for a form's submit, that's the page navigation.

Test what you learned.