<output> - アウトプット

• トップ
• HTMLリファレンス
• <output>

• 概要
• 説明
• 属性
• 使用例
• リンク

概要

形式

<output>～</output>

サポート

https://caniuse.com/mdn-html_elements_output

カテゴリ

フローコンテンツ

フレージングコンテンツ

リステッド, ラベラブル, リセッタブル, リアソシエイタブル(HTML 5.2) フォーム関連要素

パルパブルコンテンツ

親要素

フレージングコンテンツ を子要素に持てるもの

子要素

フレージングコンテンツ

タグの省略

開始タグ:必須 / 終了タグ:必須

属性

グローバル属性

for

form

name

説明

output はサイトやアプリケーションが何らかの操作のアウトプットを表示するための要素です。

属性

グローバル属性

詳細は グローバル属性 を参照してください。

for=ids

LS/H5

計算に関係する要素のIDをスペース区切りで記述します。

form=id

LS/H5

関連付けたい form要素のIDを指定します。

name=name

LS/H5

このコントロールの名前を指定します。

使用例

<form onsubmit="return false" oninput="z.value = Number(x.value) + Number(y.value)">
  <input name="x" type="number" value="5"> +
  <input name="y" type="number" value="3"> =
  <output name="z">8</output>
</form>

リンク

• https://html.spec.whatwg.org/multipage/form-elements.html#the-output-element
• https://www.w3.org/TR/2014/REC-html5-20141028/forms.html#the-output-element
• https://developer.mozilla.org/ja/docs/Web/HTML/Element/output