HTML
Elemento de salida
Buscar..
Parámetros
| Atributo | Descripción |
|---|---|
| Global | Atributos que están disponibles para cualquier elemento HTML5. Para obtener una documentación completa de estos atributos, consulte: Atributos globales de MDN |
| nombre | Una cadena que representa el nombre de una salida. Como elemento de formulario, se puede hacer referencia a la salida por su nombre usando la propiedad document.forms . Este atributo también se utiliza para recopilar valores en un formulario enviado. |
| para | Una lista separada por espacios de los identificadores de elementos de formulario (por ejemplo, <inputs id="inp1"> for value is "inp1" ) para la cual la salida debe mostrar los cálculos. |
| formar | Una cadena que representa la <form> que está asociada a la salida. Si la salida está realmente fuera de la <form> , este atributo asegurará que la salida aún pertenezca a la <form> y esté sujeta a las colecciones y envíos de dicha <form> . |
Elemento de salida usando para y atributos de formulario
La siguiente demostración muestra el uso del elemento <output> de los atributos [for] y [form] . Tenga en cuenta que <output> necesita JavaScript para funcionar. El JavaScript en línea se usa comúnmente en formularios como lo demuestra este ejemplo. Aunque los elementos <input> son type="number" , sus value s no son números, son texto. Por lo tanto, si necesita que se calcule el value s, debe convertir cada value en un número utilizando métodos como: 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>
Elemento de salida con atributos
<output name="out1" form="form1" for="inp1 inp2"></output>
Modified text is an extract of the original Stack Overflow Documentation
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow