<output> : Démo HTML5
Mise à jour : 2017-01-22
Inchangés depuis HTML2 (1996),
les formulaires ont fait l'objet de débauches techniques.
L'enjeu des formulaires HTML5
est l'intégration de nouvelles fonctionnalités et l'automatisation de certains comportements,
se plaçant comme un intermédiaire entre les formulaires actuels
et XForms.
<output>
- Champ non modifiable par l'utilisateur, dynamiquement mis à jour en fonction des entrées dans le formulaire.
Évènements
- value : Valeur courante de la balise.
- defaultValue : Valeur par défaut de la balise.
- type : Retourne le type "output".
- ...
Notes sur le tuto
- Le projet webforms2 est une implémentation JavaScript de ces nouveaux formulaires, pour les navigateurs qui ne les supportent pas nativement.
- "onforminput" est déprécié et remplacé par "oninput" depuis mai 2011.
Exemple de code HTML5
<form oninput="o.value=a.value*b.value"> <input type="number" name="a" value="2"> x <input type="number" name="b" value="3"> = <output name="o">6</output> </form>
Démonstration du résultat HTML5
Détection automatique du support HTML5
Librairie JavaScript de détection automatique (attention, comporte quelques faux positifs et faux négatifs)<script src="_html5detect.js"></script> <script>isTagSupported("output")</script>