Examples
Syntax
1 |
<choose identify="identify" required> |
2 |
<possibility worth="1">John</possibility> |
3 |
<possibility worth="2">Jane</possibility> |
4 |
<possibility worth="3">Donald</possibility> |
5 |
<possibility worth="4">Chuck</possibility> |
6 |
<possibility worth="5">Leslie</possibility> |
7 |
</choose>
|
A choose ingredient with the a number of
attribute enabled (true) permits for a number of choices to submit with a type submission.
1 |
<choose a number of identify="identify" required> |
2 |
<possibility worth="1">John</possibility> |
3 |
<possibility worth="2">Jane</possibility> |
4 |
<possibility worth="3">Donald</possibility> |
5 |
<possibility worth="4">Chuck</possibility> |
6 |
<possibility worth="5">Leslie</possibility> |
7 |
</choose>
|
Outcome
Browser Assist
The choose
ingredient is supported in all trendy browsers. Learn extra on caniuse.com.
Browsers show choose
parts in another way, relying on their rendering engine. Check out this instance which reveals the identical choose
ingredient in Google Chrome (powered by Blink), Firefox (powered by Quantum), and Safari (powered by WebKit).
Attributes
A choose
ingredient helps International Attributes in HTML. International Attributes are frequent to all HTML parts and can be utilized on all of them (although they might not have a lot of an impact on a few of them).
Along with international attributes the choose
ingredient has a bunch of different attributes:
-
autocomplete
: Hit for a type to autofill. -
disabled
: Whether or not or not the shape management is disabled. -
type
: Associates thechoose
with atype
ingredient. -
a number of
: Whether or not or to not permit a number of values. -
identify
: The identify of the ingredient to make use of for type submissions or by way of the shape.parts API. -
required
: Whether or not thechoose
is required for type submission. -
measurement
: Dimension of thechoose
.
Content material
The choose
ingredient helps zero or extra possibility, optgroup, and script-supporting parts.
If choosing a price is optionally available, you may wish to embody an empty <possibility>
on the high of your <choose>
ingredient.
- The
<choose>
ingredient is often discovered inside a<type>
, although it’s completely legitimate HTML to have a<choose>
elsewhere. - The
<choose>
ingredient is similar to the<datalist>
ingredient, as each give customers a number of<possibility>
s to pick out from. Nonetheless,<datalist>
is extra an inventory of urged choices, and customers can really enter their very own worth.