Test your knowledge: The <option> Element

Question 1 of 12

If an option has no value attribute, where does its value come from?

Focus on the distinction between markup defaults, live DOM state, and submitted data.

Answer options A Its disabled state B Its label attribute only C Its text-derived value D The select id

Without a value attribute, the option value is derived from its text content.

Review this lesson

Question 2 of 12

What does the selected content attribute establish?

Focus on the distinction between markup defaults, live DOM state, and submitted data.

Answer options A Permanent live selection B Default selectedness C Disabledness D The submitted name

selected establishes default selectedness; the live selected property can later change.

Review this lesson

Question 3 of 12

Which property reports current selectedness?

Focus on the distinction between markup defaults, live DOM state, and submitted data.

Answer options A defaultSelected B selected C label D index

selected reports the current live state, while defaultSelected reflects the selected attribute.

Review this lesson

Question 4 of 12

What is the main role of the option label attribute?

Focus on the distinction between markup defaults, live DOM state, and submitted data.

Answer options A The form field name B The machine-facing submitted value C The user-visible option label D The option index

label supplies the user-visible label for the option.

Review this lesson

Question 5 of 12

An option is inside a disabled optgroup but has no disabled attribute of its own. What is true?

Focus on the distinction between markup defaults, live DOM state, and submitted data.

Answer options A It is unavailable to the user B It becomes a different option type C It is automatically submitted D Its own disabled attribute becomes true

An option can be disabled through an ancestor optgroup without acquiring its own disabled content attribute.

Review this lesson

Question 6 of 12

How should an option in a datalist be understood?

Focus on the distinction between markup defaults, live DOM state, and submitted data.

Answer options A As a selected form value B As a suggestion for the associated input C As an optgroup label D As a submit button

Datalist options provide suggestions; they do not form the select selection model.

Review this lesson

Question 7 of 12

What is the fourth argument of new Option(text, value, defaultSelected, selected)?

Focus on the distinction between markup defaults, live DOM state, and submitted data.

Answer options A The option index B The live selected state C The disabled state D The form name

The fourth argument sets whether the newly created option is currently selected.

Review this lesson

Question 8 of 12

How should all selected values of a multiple select be read?

Focus on the distinction between markup defaults, live DOM state, and submitted data.

Answer options A select.value only B selectedOptions or the options collection C option.label only D select.id

select.value represents the first selected option; selectedOptions provides all selected options.

Review this lesson

Question 9 of 12

What is a placeholder label option in a single select?

Focus on the distinction between markup defaults, live DOM state, and submitted data.

Answer options A The accessible label for the control B A special initial no-choice option C A disabled optgroup D A datalist suggestion

A placeholder label option represents the no-choice initial state; it does not replace the control label.

Review this lesson

Question 10 of 12

Why should an application validate option values on the server?

Focus on the distinction between markup defaults, live DOM state, and submitted data.

Answer options A Because option values are always encrypted B Because clients can modify submitted values C Because option text is invisible D Because select controls cannot submit values

Client-side option values are untrusted input and do not establish authorization.

Review this lesson

Question 11 of 12

What does selectedcontent use when reflecting a selected option?

Focus on the distinction between markup defaults, live DOM state, and submitted data.

Answer options A Only the option label attribute B The selected option’s DOM structure C The select name D The option index

The customizable-select model can clone the selected option’s DOM structure into selectedcontent.

Review this lesson

Question 12 of 12

Which pairing correctly distinguishes two option state layers?

Focus on the distinction between markup defaults, live DOM state, and submitted data.

Answer options A selected = default; defaultSelected = live B selected = live; defaultSelected = selected attribute C value = live selection; label = disabledness D index = default; text = live

selected is live selectedness; defaultSelected reflects the markup selected attribute.

Review this lesson

Test your knowledge: The <option> Element