output タグエレメント

　output タグエレメントは、計算した結果であることを示す HTML タグエレメントです。

　計算には、併せてスクリプトとイベントハンドラー属性を利用する必要があります。
　例えば、<input type="number"> エレメントで oninput イベント属性を使い、スクリプトで計算方法を定義します。

output タグエレメントとイベントハンドラー属性

<form oninput="result.value=parseInt(i.value)+parseInt(j.value)">
 <input type="number" id="i" placeholder="50" />
 +<input type="number" id="j" value="50" />
 =<output name="result" for="i j"></output>
</form>

表示例

詳しくは動作の確認を参照してください

- ad -

属性

グローバル属性も持ちます。以下に主な属性のみを示します。

Attribute	Value	Extra information
name		エレメントのname。
id		cssにも使えます。エレメントをユニークとします。
class		cssに使います。同名のclassは同じスタイルが適応されます。
for		計算の引数になるエレメントのID。スペースで区切る。
form		関連する<form>エレメントのID。

動作の確認

<input>に数値を入力すると自動で計算結果を出力します。

- ad -

JavaScript

　<output> エレメントの定義は HTMLOutputElement インターフェイスを参照してください。

output タグエレメント

属性

動作の確認

JavaScript

関連（Related）