HTML => Elemento di uscita

Parametri

Attributo	Descrizione
Globale	Attributi disponibili per qualsiasi elemento HTML5. Per una documentazione completa di questi attributi vedere: Attributi globali MDN
nome	Una stringa che rappresenta il nome di un output. Come elemento del modulo, l'output può essere referenziato dal suo nome usando la proprietà `document.forms` . Questo attributo viene utilizzato anche per la raccolta di valori su un modulo di invio.
per	Un elenco separato dagli spazi degli id degli elementi del modulo (ad es. `<inputs id="inp1"> for value is "inp1"` ) per il quale l'output è destinato a visualizzare i calcoli.
modulo	Una stringa che rappresenta il `<form>` che è associato all'output. Se l'output è effettivamente al di fuori di `<form>` , questo attributo garantirà che l'output appartiene ancora a `<form>` e soggetto alle raccolte e ai sottomessi di `<form>` .

Elemento di output che utilizza gli attributi For e Form

La seguente demo presenta un uso dell'elemento <output> degli attributi [for] e [form] . Tieni presente che <output> bisogno di JavaScript per funzionare. JavaScript inline è comunemente usato nei moduli come dimostra questo esempio. Sebbene gli elementi <input> siano type="number" , i loro value s non sono numeri, sono testo. Pertanto, se è necessario calcolare il value s, è necessario convertire ciascun value in un numero utilizzando metodi quali: parseInt() , parseFloat() , Number() , ecc.

Dimostrazione dal vivo

    <!--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 di output con attributi

<output name="out1" form="form1" for="inp1 inp2"></output>

Modified text is an extract of the original Stack Overflow Documentation

Autorizzato sotto CC BY-SA 3.0

Non affiliato con Stack Overflow

HTML
Elemento di uscita

Ricerca…

Parametri

Elemento di output che utilizza gli attributi For e Form

Elemento di output con attributi