HTML
Uitgangselement
Zoeken…
parameters
| Attribuut | Beschrijving |
|---|---|
| Globaal | Attributen die beschikbaar zijn voor elk HTML5-element. Voor uitgebreide documentatie van deze attributen zie: MDN Global Attributes |
| naam | Een tekenreeks die de naam van een uitvoer vertegenwoordigt. Als formulierelement kan naar de uitvoer worden verwezen door de naam ervan met behulp van de eigenschap document.forms . Dit kenmerk wordt ook gebruikt voor het verzamelen van waarden voor een formulierverzending. |
| voor | Een door spaties gescheiden lijst met formulier-element-id's (bijvoorbeeld <inputs id="inp1"> for value is "inp1" ) waarvoor de uitvoer berekeningen moet weergeven. |
| het formulier | Een tekenreeks die het <form> dat aan de uitvoer is gekoppeld. Als de uitvoer zich daadwerkelijk buiten het <form> , zorgt dit kenmerk ervoor dat de uitvoer nog steeds bij het <form> hoort en onderhevig is aan collecties en submissies van het <form> . |
Uitvoerelement met behulp van For en Form Attributes
De volgende demo bevat het gebruik van een element <output> van de attributen [for] en [form] . Houd er rekening mee dat <output> JavaScript nodig heeft om te kunnen functioneren. Inline JavaScript wordt vaak gebruikt in formulieren, zoals dit voorbeeld laat zien. Hoewel de elementen <input> type="number" , zijn de value s geen getallen, maar tekst. Dus als u wilt dat de value s wordt berekend, moet u elke value omzetten in een getal met behulp van methoden zoals: 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>
Uitvoerelement met attributen
<output name="out1" form="form1" for="inp1 inp2"></output>
Modified text is an extract of the original Stack Overflow Documentation
Licentie onder CC BY-SA 3.0
Niet aangesloten bij Stack Overflow