<output> : l'élément de sortie

L'élément HTML <output> représente un conteneur dans lequel un site ou une application peut injecter le résultat d'un calcul ou d'une action utilisateur.

Attributs

Comme tous les autres éléments HTML, cet élément inclut les attributs universels.

for
Une liste d'identifiants d'autres éléments, séparés par des espaces, qui ont joué un rôle dans le calcul (en tant que valeurs d'entrée ou autrement).
form
L'identifiant d'un élément de formulaire (<form>) auquel cet élément est rattaché. La valeur de cet attribut doit être un identifiant (id) d'un formulaire qui fait partie du même document. Cet attribut n'est pas nécessaire si l'élément <output> est situé dans un formulaire ou si l'élément <output> n'est pas du tout associé à un formulaire. Cet attribut permet ainsi de placer l'élément <output> où on veut dans le document, pas nécessairement comme descendant d'un formulaire.
name
Le nom de l'élément, utilisé pour identifier l'élément <output> lors de l'envoi du formulaire.

Exemples

Le formulaire qui suit fournit un curseur dont la valeur peut aller de 0 à 100 ainsi qu'un élément <input> dans lequel on peut saisir un deuxième nombre. Les deux nombres sont additionnés et le résultat est affiché dans l'élément <output> et est actualisé lorsqu'une des deux valeurs est modifiée.

HTML

<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
    <input type="range" name="b" value="50" /> +
    <input type="number" name="a" value="10" /> =
    <output name="result">60</output>
</form>

Résultat

Résumé technique

Catégories de contenu Contenu de flux, contenu phrasé, contenu associé au formulaire (énuméré, étiquetable, réinitialisable), contenu tangible.
Contenu autorisé Contenu phrasé.
Omission de balises Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires
Parents autorisés Tout élément qui accepte du contenu phrasé.
Rôles ARIA autorisés Tous les rôles sont autorisés.
Interface DOM HTMLOutputElement

Spécifications

Compatibilité des navigateurs

BCD tables only load in the browser

Note : La plupart des navigateurs implémente cet élément comme s'il avait l'attribut aria-live par défaut. Les outils d'assistance annonceront donc les résultats des interactions avec l'interface utilisateur qui arrivent sur cet élément sans demander à avoir passé le focus depuis un autre contrôle. Toutefois, ce comportement n'est pas précisément décrit dans les spécifications actuelles.

Voir aussi