English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuel de référence HTML

Tous les étiquettes HTML

HTML: <option> balise

Dans les formulaires web, l'élément HTML <option> est utilisé pour définir les éléments contenus dans les éléments <select>, <optgroup> ou <datalist>. L'étiquette <option> peut représenter des éléments de menu dans des listes de choix popup et d'autres listes d'éléments dans des documents html.

Exemple en ligne

Créer une liste de sélection avec 3 Liste de sélection des options :

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Utilisation de l'étiquette option HTML (Tutoriels de base du web oldtoolbag.com)</title>
</head>
<body>
  <label for="tutorial_choice">Tutorials: </label>
  <select id="tutorial_choice">
    <option value="html">HTML</option>
    <option value="css">CSS</option>
    <option value="sql">SQL</option>
  </select>
</body>
</body>
</html>
Voyons si ‹/›

Dans cet HTML5Dans l'exemple de document, nous avons créé une liste de trois valeurs déroulantes en utilisant l'étiquette <select>.-HTML, CSS et SQL. Ces valeurs s'affichent sous forme de liste déroulante pour le choix de l'utilisateur.

Compatibilité du navigateur

IEFirefoxOperaChromeSafari

La plupart des navigateurs populaires supportent l'étiquette <option>.

Définition et instructions d'utilisation des étiquettes

La balise <option> définit une option (un élément) dans une liste déroulante.

Le contenu de la balise <option> est utilisé comme <select> ou<datalist> Un élément utilise.

Astuces et注意事项

Remarque : La balise <option> peut être utilisée sans attributs, mais vous avez généralement besoin de l'attribut value, qui indique le contenu envoyé au serveur.

Remarque : Utilisez cette balise en conjonction avec l'élément select, sinon cette balise n'a pas de sens.

Astuce : Si de nombreuses options sont présentes dans la liste, vous pouvez utiliser la balise <optgroup> pour regrouper des options liées.

Attribut

AttributValeurDescription
disableddisabledDéfinir que cette option doit être désactivée lors du chargement initial.
labeltextDéfinir l'étiquette utilisée lorsque <optgroup> est utilisé.
selectedselectedDéfinir que l'option doit être sélectionnée par défaut lors de son affichage dans la liste.
valuetextDéfinir la valeur de l'option envoyée au serveur.

Attributs globaux

La balise <option> prend en charge les attributs globaux, consultez la table des attributs complète Attributs globaux HTML.

attributs d'événement

La balise <option> prend en charge tous les Attributs d'événement HTML.