HTML
Utgångselement
Sök…
parametrar
| Attribut | Beskrivning |
|---|---|
| Global | Attribut som är tillgängliga för alla HTML5-element. För omfattande dokumentation av dessa attribut se: MDN Global Attribut |
| namn | En sträng som representerar namnet på en utgång. Som ett formelement kan output refereras med dess namn med egenskapen document.forms . Detta attribut används också för att samla värden på ett formulär som skickas in. |
| för | En mellanrumsskild lista över formelement-ID: er (t.ex. <inputs id="inp1"> for value is "inp1" ) som utgången är tänkt att visa beräkningar för. |
| form | En sträng som representerar <form> som är kopplad till utgången. Om utgången faktiskt ligger utanför <form> kommer detta attribut att säkerställa att utgången fortfarande tillhör <form> och är föremål för samlingar och skickar av nämnda <form> . |
Utgångselement med för- och formattribut
Följande demo innehåller ett <output> -elements användning av attributen [for] och [form] . Kom ihåg att <output> behöver JavaScript för att fungera. Inline JavaScript används vanligtvis i formulär som det här exemplet visar. Även om <input> -elementen är type="number" , är deras value inte siffror, de är text. Så om du vill att value s ska beräknas, måste du konvertera varje value till ett tal med metoder som: 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>
Utgångselement med attribut
<output name="out1" form="form1" for="inp1 inp2"></output>
Modified text is an extract of the original Stack Overflow Documentation
Licensierat under CC BY-SA 3.0
Inte anslutet till Stack Overflow