Semantics
An input that controls another element, such as a listbox or grid, that can dynamically pop up to help the user set the value of the input.
Abstract Role
WidgetRepresents a focusable, interactive element.
Content Categories
Phrasing ContentAn element that typically appears inline and provides semantic meaning to text content.
Allowed Descendants
Flow Children Allowed
No main element descendants allowed.
Usage
Allowed HTML elements
Implicit semantics
These elements have the role semantics by default, without needing to set the role attribute. Reach for elements with native semantics first when choosing how to implement a role in your content.
select
Explicitly allowed
button[role=combobox]input[type=text][role=combobox]
Elements that can have any role
abbr[role=combobox]address[role=combobox]b[role=combobox]blockquote[role=combobox]canvas[role=combobox]cite[role=combobox]code[role=combobox]custom-element[role=combobox]data[role=combobox]del[role=combobox]dfn[role=combobox]div[role=combobox]em[role=combobox]figure[role=combobox]i[role=combobox]ins[role=combobox]kbd[role=combobox]mark[role=combobox]output[role=combobox]p[role=combobox]pre[role=combobox]q[role=combobox]samp[role=combobox]small[role=combobox]span[role=combobox]table[role=combobox]tbody[role=combobox]tfoot[role=combobox]thead[role=combobox]time[role=combobox]u[role=combobox]var[role=combobox]