Which HTML5 element provides a list of predefined values to assist user input?

Which HTML5 element provides a list of predefined values to assist user input?

• A. datalist
• B. list
• C. select
• D. option

Answer: (B)

Datalist provides a built-in list of predefined values to assist user input. It works with an input element by using the list attribute to reference the datalist's id. Inside the datalist, you define option elements with value attributes representing the suggested values. As the user types, the browser can show these suggestions, but the user is still free to enter a value not in the list. This makes it a flexible helper versus a strict dropdown. This is different from a select element, which presents a fixed list of options and requires choosing one of them. An option element alone isn’t a standalone control; it defines one possible value for a container like a datalist or a select. There isn’t a separate standalone list element for this purpose—the common pattern is an input paired with a datalist to provide helpful suggestions.

Datalist provides a built-in list of predefined values to assist user input. It works with an input element by using the list attribute to reference the datalist's id. Inside the datalist, you define option elements with value attributes representing the suggested values. As the user types, the browser can show these suggestions, but the user is still free to enter a value not in the list. This makes it a flexible helper versus a strict dropdown. This is different from a select element, which presents a fixed list of options and requires choosing one of them. An option element alone isn’t a standalone control; it defines one possible value for a container like a datalist or a select. There isn’t a separate standalone list element for this purpose—the common pattern is an input paired with a datalist to provide helpful suggestions.