HTML
Ausgabeelement
Suche…
Parameter
| Attribut | Beschreibung |
|---|---|
| Global | Attribute, die für jedes HTML5-Element verfügbar sind. Umfassende Dokumentation dieser Attribute finden Sie unter MDN Global Attribute |
| Name | Eine Zeichenfolge, die den Namen einer Ausgabe darstellt. Als Formularelement kann die Ausgabe über die Eigenschaft document.forms anhand ihres Namens referenziert werden. Dieses Attribut wird auch zum Erfassen von Werten in einem Formularsenden verwendet. |
| zum | Eine durch Leerzeichen getrennte Liste von Formularelement-IDs (z. B. <inputs id="inp1"> for value is "inp1" ), für die die Ausgabe Berechnungen anzeigen soll. |
| bilden | Eine Zeichenfolge, die das <form> , das der Ausgabe zugeordnet ist. Wenn die Ausgabe tatsächlich außerhalb dem ist <form> Dieses Attribut wird dafür sorgen , dass die Ausgabe gehört noch die <form> und vorbehaltlich den Sammlungen und legt die <form> . |
Ausgabeelement mit for- und Formularattributen
In der folgenden Demo werden die Attribute [for] und [form] eines <output> -Elements verwendet. Beachten Sie, dass <output> JavaScript benötigt , um funktionieren zu können. Inline-JavaScript wird häufig in Formularen verwendet, wie dieses Beispiel zeigt. Obwohl die <input> -Elemente type="number" , sind ihre value keine Zahlen, sondern Text. Wenn Sie also die Berechnung des value s benötigen, müssen Sie jeden value mithilfe von Methoden wie parseInt() , parseFloat() , Number() usw. in eine Zahl konvertieren.
<!--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>
Ausgabeelement mit Attributen
<output name="out1" form="form1" for="inp1 inp2"></output>
Modified text is an extract of the original Stack Overflow Documentation
Lizenziert unter CC BY-SA 3.0
Nicht angeschlossen an Stack Overflow