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.

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

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 d'un formulaire qui fait partie du même document. Si c'est attribut n'est pas défini, l'élément <output> doit être le descendant d'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.

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

Spécifications

Spécification État Commentaires
HTML Living Standard
La définition de '<output>' dans cette spécification.
Standard évolutif  
HTML5
La définition de '<output>' dans cette spécification.
Recommendation  

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome Support complet 10Edge Support complet OuiFirefox Support complet 4IE Aucun support NonOpera Support complet 11Safari Support complet 7WebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android ? Safari iOS Support complet OuiSamsung Internet Android Support complet Oui
forChrome Support complet 10Edge Support complet OuiFirefox Support complet 4IE Aucun support NonOpera Support complet 11Safari Support complet 7WebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android ? Safari iOS Support complet OuiSamsung Internet Android Support complet Oui

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Compatibilité inconnue  
Compatibilité inconnue

Voir aussi

Étiquettes et contributeurs liés au document

Dernière mise à jour par : SphinxKnight,