Test your knowledge: The <form> Element

A focused assessment of the HTML <form> element, its ownership model, and its core attributes.

Stuck? Each question has an optional hint.

Skip a hard question and review it before your results.

Questions and answer options can shuffle between attempts.

You can retake this quiz whenever you like.

Question 1 of 7

What is the main semantic purpose of a <form> element?

Think about what the browser needs to know about a group of controls.

Answer options A To create a visual box around inputs. B To define a form boundary and associate controls that can participate in form behavior. C To make every descendant automatically submit to a server. D To replace the need for labels.

The form establishes the semantic and behavioral boundary; individual controls still determine what data they contribute.

Review this lesson

Question 2 of 7

Which structure is valid HTML?

The form content model does not permit form descendants.

Answer options A A form containing another form. B Two sibling forms, each with its own controls. C A form nested inside a fieldset that is already inside another form. D A form nested inside a label.

Forms cannot contain other forms. Independent forms can be siblings, and fieldset is used for grouping within a form.

Review this lesson

Question 3 of 7

Which statement about form method is correct?

Separate the submission method from the browsing target.

Answer options A GET always hides form data from the URL. B POST places form data in the request body; GET normally encodes it into the destination URL. C POST is required for every form with a text field. D method controls which browser window receives the response.

GET normally appends the encoded data to the URL, while POST sends it in the request body. target controls the browsing context.

Review this lesson

Question 4 of 7

Which encoding is appropriate for a form that uploads files?

Think about sending file parts as part of the form entry list.

Answer options A application/x-www-form-urlencoded B multipart/form-data C text/html D application/json

multipart/form-data is the standard form encoding for POST forms that include file uploads.

Review this lesson

Question 5 of 7

What does form="checkout" do on a form-associated control?

The value refers to an id in the same document.

Answer options A It changes the control’s name to checkout. B It associates the control with the form whose id is checkout. C It submits the control immediately. D It makes checkout a CSS class.

The form attribute establishes an explicit form owner by matching a form element’s id.

Review this lesson

Question 6 of 7

What does novalidate do?

It changes the browser’s submission validation step.

Answer options A It permanently makes all values valid. B It prevents the form from running constraint validation as part of submission. C It disables server-side validation. D It removes required attributes from controls.

novalidate bypasses constraint validation for that form submission; it does not validate or sanitize the data and does not affect server-side checks.

Review this lesson

Question 7 of 7

What is the role of autocomplete on a form?

Think about browser assistance with previously entered information.

Answer options A It names the form for document.forms. B It gives the browser guidance about autofilling controls. C It chooses the HTTP method. D It labels every control.

autocomplete controls or guides autofill behavior at the form level, while individual controls can provide more specific autocomplete tokens.

Review this lesson

Test your knowledge: The <form> Element