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

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

属性

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

for
他の要素の id の空白区切りのリストで、入力値が計算に使用される (または何らかの影響を与える) 要素を示します。
form
この要素に関連付けられた ("form owner" である) form 要素 を指定します。この値は、同じ文書内の <form> 要素の id である必要があります。 <output> 要素が form 要素の子孫である場合 (そしてその <form> 要素が form owner である場合)、または <output> 要素が全くフォームと関連付けられていない場合は、この属性は必要ありません。
name
要素の名前です。フォームの送信の際に、この <output> を識別するために使用します。

このフォームには、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> の定義
勧告  

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
outputChrome 完全対応 10Edge 完全対応 ありFirefox 完全対応 4IE 未対応 なしOpera 完全対応 11Safari 完全対応 7WebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 4Opera Android ? Safari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
forChrome 完全対応 10Edge 完全対応 ありFirefox 完全対応 4IE 未対応 なしOpera 完全対応 11Safari 完全対応 7WebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 4Opera Android ? Safari iOS 完全対応 ありSamsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応
未対応  
未対応
実装状況不明  
実装状況不明

関連情報

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

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