HTML Factor: choose

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 the choose with a type 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 the choose is required for type submission.
• measurement: Dimension of the choose.

Content material

The choose ingredient helps zero or extra possibility, optgroup, and script-supporting parts.

• 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.

Be taught Extra