Exemple
Effectuer un calcul et afficher le résultat dans une <output> élément:
<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="50">
=<output name="x" for="a b"></output>
</form>
Essayez - le vous - même » Définition et utilisation
Le <output> tag représente le résultat d'un calcul (comme celle réalisée par un script).
support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge totalement l'élément.
| Élément | |||||
|---|---|---|---|---|---|
| <output> | 10.0 | Non supporté | 4.0 | 5.1 | 11.0 |
Différences entre HTML 4.01 et HTML5
Le <output> tag est nouvelle en HTML5.
Les attributs
= Nouveau en HTML5.
| Attribut | Valeur | La description |
|---|---|---|
| for | element_id | Spécifie la relation entre le résultat du calcul et que les éléments utilisés dans le calcul |
| form | form_id | Indique une ou plusieurs formes de l'élément de sortie appartient à |
| name | name | Indique un nom pour l'élément de sortie |
Attributs globaux
Le <output> tag soutient également le attributs globaux en HTML .
Attributs de l'événement
Le <output> tag soutient également l' événement Attributs en HTML .
Pages associées
Référence HTML DOM: Object sortie
Paramètres par défaut de CSS
La plupart des navigateurs affichent le <output> élément avec les valeurs par défaut suivantes:
output {
display: inline;
}