HTML5 で導入

HTML <output> 要素は、何らかの計算やユーザーによるアクションの結果を表します。

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

属性

他のすべての要素と同様に、この要素は グローバル属性 を持ちます。

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

<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 AndroidIE mobileOpera AndroidiOS Safari
基本サポート 有り 有り 有り4 無し ? 有り
for 有り 有り 有り4 無し ? 有り

関連情報

その他のフォーム関連要素: <form>, <input>, <button>, <datalist>, <legend>, <label>, <select>, <optgroup>, <option>, <textarea>, <keygen>, <fieldset>, <progress>, <meter>

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

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