Le tag <output> spécifie la zone dans laquelle le résultat des calculs ou des actions utilisateur est généré (les scripts sont utilisés pour le calcul). Le tag peut être imbriquée dans la forme (le tag <form>) à laquelle il appartient ou est complété par l'attribut de formulaire, qui fait référence à cette forme.

Syntaxe

Le tag <output> est apparié, le tag fermant est requis.

Exemple

<!DOCTYPE html>
<html>
  <body>
    <form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
      <input type="range" id="a" value="50">100 +
      <input type="number" id="b" value="25"> =
      <output name="x" for="a b"></output>
    </form>
    <p>Multiplication:</p>
    <form oninput = "d.value = e.valueAsNumber * f.valueAsNumber">
      <input type = "number" id = "e"> *
      <input type = "number" id = "f"> =
      <output name = "d" for = "e f"> </output>
    </form>
  </body>
</html>

Résultat

output

Attributs

Attribut Valeur Description
for element_id Définit l'identificateur de l'élément/des éléments indiquant la relation entre le résultat du calcul et les éléments utilisés dans les calculs.
form form_id Définit une ou plusieurs formes auxquelles un élément appartient.
name name Définit le nom de l'élément.

Le tag <output> supporte également les Attributs globaux et les Attributs d'événements.

Support de Navigateurs

chrome firefox safari opera
10+ 4+ 5.1+ 11+

Pratiquez vos connaissances

Quelles sont les utilisations correctes de la balise HTML 'output' ?
Trouvez-vous cela utile?