HTML
Élément de sortie
Recherche…
Paramètres
| Attribut | La description |
|---|---|
| Global | Attributs disponibles pour tout élément HTML5. Pour une documentation complète de ces attributs, voir: Attributs globaux MDN |
| prénom | Une chaîne représentant le nom d'une sortie. En tant qu'élément de formulaire, la sortie peut être référencée par son nom à l'aide de la propriété document.forms . Cet attribut est également utilisé pour collecter des valeurs sur une soumission de formulaire. |
| pour | Une liste d'espaces d'élément de formulaire séparés par des espaces (par exemple, <inputs id="inp1"> for value is "inp1" ) que la sortie est censée afficher. |
| forme | Une chaîne représentant le <form> associé à la sortie. Si la sortie est en fait en dehors de <form> , cet attribut garantira que la sortie appartient toujours au <form> et est soumise aux collectes et aux soumissions dudit <form> . |
Elément de sortie utilisant les attributs For et Form
La démonstration suivante utilise un élément <output> utilisant les attributs [for] et [form] . Gardez à l'esprit que <output> besoin de JavaScript pour fonctionner. Le code JavaScript intégré est couramment utilisé dans les formulaires, comme le montre cet exemple. Bien que les éléments <input> soient type="number" , leur value s ne sont pas des nombres, mais du texte. Donc, si vous voulez que la value s soit calculée, vous devez convertir chaque value en un nombre en utilisant des méthodes telles que: parseInt() , parseFloat() , Number() , etc.
<!--form1 will collect the values of in1 and in2 on 'input' event.-->
<!--out1 value will be the sum of in1 and in2 values.-->
<form id="form1" name="form1" oninput="out1.value = parseInt(in1.value, 10) + parseInt(in2.value, 10)">
<fieldset>
<legend>Output Example</legend>
<input type="number" id="in1" name="in1" value="0">
<br/>
+
<input type="number" id="in2" name="in2" value="0">
</fieldset>
</form>
<!--[for] attribute enables out1 to display calculations for in1 and in2.-->
<!--[form] attribute designates form1 as the form owner of out1 even if it isn't a descendant.-->
<output name="out1" for="in1 in2" form="form1">0</output>
Elément de sortie avec attributs
<output name="out1" form="form1" for="inp1 inp2"></output>
Modified text is an extract of the original Stack Overflow Documentation
Sous licence CC BY-SA 3.0
Non affilié à Stack Overflow
