HTML5 で導入
概要
output 要素(<output>)は、何らかの計算結果を表します。
- コンテンツカテゴリ フローコンテンツ、フレージングコンテンツ、フォーム関連要素 (リスト化、ラベル付け可能、リセット可能)、パルパブルコンテンツ
- 許可された内容 フレージングコンテンツ
- タグの省略 不可。開始と終了タグの両方が必要。
- 許可された親要素 フレージングコンテンツを受け入れるすべての要素
- 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)">
0 <input type="range" name="b" value="50" /> 100 +
<input type="number" name="a" value="10" /> =
<output name="result"></output>
</form>
仕様
| 仕様書 | 策定状況 | コメント |
|---|---|---|
| WHATWG HTML Living Standard | Living Standard | |
| HTML5 | 勧告候補 |
ブラウザ実装状況
| 機能 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| 基本サポート | 10 | 4.0 (2.0) | 10 | 11 | nightly |
| 機能 | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| 基本サポート | ? | 4.0 (2.0) | ? | ? | ? |
関連情報
その他のフォーム関連要素: <form>, <input>, <button>, <datalist>, <legend>, <label>, <select>, <optgroup>, <option>, <textarea>, <keygen>, <fieldset>, <progress>, <meter>