--- title: ' : l''élément de sortie' slug: Web/HTML/Element/output tags: - Element - Formulaires - HTML - Reference - Web translation_of: Web/HTML/Element/output ---
{{HTMLRef}}

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.

{{htmlattrdef("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).
{{htmlattrdef("form")}}
L'identifiant d'un élément de formulaire ({{HTMLElement("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.
{{htmlattrdef("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 {{HTMLElement("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

{{EmbedLiveSample('Exemples','300','200')}}

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 {{no_tag_omission}}
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 {{domxref("HTMLOutputElement")}}

Spécifications

Spécification État Commentaires
{{SpecName('HTML WHATWG', 'the-button-element.html#the-output-element', '<output>')}} {{Spec2('HTML WHATWG')}}  
{{SpecName('HTML5 W3C', 'forms.html#the-output-element', '<output>')}} {{Spec2('HTML5 W3C')}}  

Compatibilité des navigateurs

{{Compat("html.elements.output")}}

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