<output> : Démo HTML5
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.
- Chrome vient de perdre le support de cette balise avec sa version de développement 13.
- "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étection automatique -->
<script src="_html5detect.js"></script>
<script>isTagSupported("output")</script>