Free Practice Quiz Question List

7 Forms and User Input Online Quiz Questions

Use this free practice quiz with 20 questions to review 7 Forms and User Input, test your knowledge, and prepare for your next test or exam.

20 questions

Fill in the blank

1 point

When a form uses the GET method, the browser places its values in the .

Written response

1 point

Which HTML attribute identifies a control's value in submitted form data? Enter the attribute name.

True or false

1 point

A form control has a visible label whose for value matches the control's id. This connection can help people using assistive technology identify and navigate the control.

A
True
B
False

Choose one

1 point

A form submits or changes data, and its values should be sent in the request body rather than placed in the URL. Which method best fits?

A
GET, because it places values in the request body
B
POST, because it sends values in the request body
C
GET, because it sends values only to the server
D
POST, because it places values in the URL

Fill in the blank

1 point

To explicitly connect a label to its control, use matching values on the label and the control.

True or false

1 point

An application listens for a form's submit event instead of only listening for a submit-button click. This allows it to handle submission initiated by keyboard as well.

A
True
B
False

Choose one

1 point

A form uses browser constraints to improve usability. Which additional step is necessary to protect the application when data is submitted?

A
Rely on browser constraints because users cannot change them
B
Validate only when a field uses the email input type
C
Validate submitted data on the server as well as using client-side checks for usability
D
Skip validation for requests sent without the page

Choose one

1 point

A message field must contain at least 10 characters. Which implementation both applies a native HTML constraint and clearly informs users of the requirement?

A
Set minlength without explaining the requirement to users
B
Set minlength and explain the minimum in visible text
C
Put the minimum only in a JavaScript comment
D
Rely on an error color to communicate the minimum

Choose all

1 point

Select all statements that accurately describe form control names and browser assistance for data entry.

A
A control's name identifies its value in submitted form data
B
A control without a name is always included in submitted form data
C
Choosing an appropriate input type and useful autocomplete values can help browsers and users enter data
D
The autocomplete attribute determines where the form sends its data

Written response

1 point

In a JavaScript submit event handler, which method should you call to stop the browser's default navigation when your code will handle the form data? Enter the method name, including parentheses.

Choose one

1 point

A form's values are being sent to /contact, but the submission is not processed. Which statement best describes the role of the form's destination setting and the server?

A
The method specifies the endpoint, so configuring the server is unnecessary
B
The action specifies the destination, and the server must be configured to receive and process the submission
C
The name specifies the destination, and the browser processes the submission
D
The autocomplete specifies the destination, and the browser stores the submission

Choose one

1 point

After JavaScript handles a form submission, which approach provides clear feedback that is also associated with assistive technology?

A
Change the submit button color without adding text
B
Write the result only to the browser console
C
Update a status element configured with role="status" and aria-live="polite"
D
Show feedback in an unrelated part of the page without identifying it

Choose all

1 point

Select all statements that accurately describe browser validation and JavaScript-triggered form submission.

A
requestSubmit() follows normal validation and submit-event behavior
B
form.submit() bypasses both normal validation and submit-event behavior
C
The browser normally performs constraint validation before firing the submit event
D
form.submit() always fires the submit event after checking constraints

Open ended

1 point

Describe how a server-backed form should handle submitted data and communicate the outcome to users.

Choose one

1 point

In an HTML form, how do you explicitly associate a visible label with its input control?

A
Give the label and control the same name attribute.
B
Set the label’s for value to the control’s id.
C
Place the label after the control and omit its for attribute.
D
Set the label’s id to the control’s name.

Choose one

1 point

You are building a set of related radio buttons. Which HTML structure provides a semantic group and a descriptive title for that group?

A
Use a paragraph to group controls and a placeholder as its heading.
B
Use a label around all the controls and give it a name attribute.
C
Use a fieldset to group the controls and a legend to describe the group.
D
Use a form element for each control and an option element as the group title.

Choose one

1 point

A form submits a search query, and the application is designed for the submitted values to appear in the URL. Which method best fits this use?

A
GET
B
POST
C
FormData
D
requestSubmit()

Written response

1 point

In an HTML form, which attribute specifies where the browser sends the submitted data? Enter the attribute name.

Written response

1 point

Which form event should JavaScript listen for so that keyboard-based submission is handled as well as button-initiated submission? Enter the event name.

True or false

1 point

In JavaScript, calling requestSubmit() follows normal constraint validation and submit-event behavior, while calling form.submit() bypasses both.

A
True
B
False