HTML の出力要素 (<output>) は、サイトやアプリが計算結果やユーザー操作の結果を挿入することができるコンテナー要素です。

コンテンツカテゴリ フローコンテンツ記述コンテンツフォーム関連要素 (リスト化ラベル付け可能リセット可能)、知覚可能コンテンツ
許可された内容 記述コンテンツ
タグの省略 不可。開始と終了タグの両方が必要。
許可された親要素 記述コンテンツを受け入れるすべての要素
許可された ARIA ロール すべて
DOM インターフェイス HTMLOutputElement

属性

この要素にはグローバル属性があります。

for
他の要素の id の空白区切りのリストで、入力値が計算に使用される (又は何らかの影響を与える) 要素を示します。
form
この要素に出力される計算値の計算を行う form 要素 ("form owner") を指定します。属性値は、同じ文書内の form 要素の id としなければなりません。この属性を指定せずに output 要素を form 要素に紐付けるには、 output 要素を対象となる form 要素の子要素として配置する必要があります。つまりこの属性を用いれば、 output 要素の出力内容に関連する form 要素の子要素として配置せずともこれらを結び付けることが可能ということです。
name
HTMLFormElement API で使用される要素の名前を指定します。

このフォームには、0から100までの範囲の値を取るスライダーと、第2の値を入力できる <input> 要素があります。どちらかのコントロールの値が変更されるたびに、2つの値が合計された結果が <output> 要素の中に表示されます。

<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
  <input type="range" name="b" value="50" /> +
  <input type="number" name="a" value="10" /> =
  <output name="result">60</output>
</form>

仕様書

仕様書 状態 備考
HTML Living Standard
<output> の定義
現行の標準  
HTML5
<output> の定義
勧告  

ブラウザーの対応

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応10 あり4 なし117
for10 あり4 なし117
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応 あり あり あり4 ? あり あり
for あり あり あり4 ? あり あり

関連情報

ドキュメントのタグと貢献者

このページの貢献者: mfuji09, yyss, ethertank
最終更新者: mfuji09,