Test your knowledge: The <select> Element

Question 1 of 12

What does HTMLSelectElement.value return for a multiple select with several selected options?

Focus on the select state model rather than visual appearance.

Answer options A All selected values as an array B The first selected option’s value C The option text of every selected option D Always an empty string

The value property represents the value of the first selected option. Use selectedOptions or the options collection to obtain all selected values.

Review this lesson

Question 2 of 12

Which pattern explicitly associates a label with a select?

Focus on the select state model rather than visual appearance.

Answer options A label for matching select id B label name matching select name C placeholder matching select id D option label matching select name

Explicit labeling uses label for plus the control id.

Review this lesson

Question 3 of 12

What is the best description of the selected attribute on option?

Focus on the select state model rather than visual appearance.

Answer options A It permanently locks the option as selected B It declares default selection in markup C It disables the option D It supplies the submitted value

selected establishes a markup-level default; live selectedness can later change.

Review this lesson

Question 4 of 12

What does multiple change?

Focus on the select state model rather than visual appearance.

Answer options A It changes the select into a text field B It allows more than one option to be selected C It disables form submission D It automatically creates optgroups

multiple changes the selection model so multiple options may be selected.

Review this lesson

Question 5 of 12

What is the purpose of optgroup?

Focus on the select state model rather than visual appearance.

Answer options A It is itself a selectable value B It provides a labeled group for options C It submits a second form value D It replaces the select label

optgroup organizes options under a common label; users select options, not the group.

Review this lesson

Question 6 of 12

What happens to a disabled select in form submission?

Focus on the select state model rather than visual appearance.

Answer options A Its value is submitted normally B Its selected options are submitted twice C It is excluded from normal successful form submission D It becomes readonly but remains submitted

Disabled form controls are not successful controls and do not contribute their values normally.

Review this lesson

Question 7 of 12

Which is a sound pattern for a required single select?

Focus on the select state model rather than visual appearance.

Answer options A Use placeholder as the only accessible label B Use an explicit label plus an initial empty-value placeholder option C Use an optgroup as the label D Use selected on every option

A real label names the control; an empty-value option can represent the unchosen state.

Review this lesson

Question 8 of 12

Which API exposes all currently selected options?

Focus on the select state model rather than visual appearance.

Answer options A selectedOptions B defaultSelected C valueAsNumber D formDataOnly

HTMLSelectElement.selectedOptions exposes the currently selected options.

Review this lesson

Question 9 of 12

What does selectedcontent do in the current customizable-select model?

Focus on the select state model rather than visual appearance.

Answer options A It submits a hidden second value B It reflects the selected option’s contents inside the select button C It labels an optgroup D It disables all options

selectedcontent declaratively reflects the currently selected option’s child contents in the select button.

Review this lesson

Question 10 of 12

Why must servers still validate a submitted select value?

Focus on the select state model rather than visual appearance.

Answer options A Browsers cannot submit strings B Clients can modify or bypass the control C select values are never strings D HTML automatically encrypts options

A client can alter requests independently of the page UI, so submitted values remain untrusted input.

Review this lesson

Question 11 of 12

Why is replacing select with generic divs risky?

Focus on the select state model rather than visual appearance.

Answer options A Divs cannot have text B The author must recreate focus, keyboard, selection, accessibility, and form behavior C Divs cannot receive CSS D Browsers remove all divs

A custom widget takes responsibility for many behaviors native select already provides.

Review this lesson

Question 12 of 12

What is the robust approach for collecting every selected value from a multiple select?

Focus on the select state model rather than visual appearance.

Answer options A Read value once B Read selectedOptions and map each option value C Read the select id D Read the placeholder text

selectedOptions represents the complete current selected set.

Review this lesson

Test your knowledge: The <select> Element