最新のWeb開発のチュートリアル
 

HTML <output> Tag


計算を実行し、中に結果を示し<output>要素:

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
  <input type="range" id="a" value="50">100
  +<input type="number" id="b" value="50">
  =<output name="x" for="a b"></output>
</form>
»それを自分で試してみてください

定義と使用法

<output>タグは、(スクリプトによって実行されるような)計算の結果を表します。


ブラウザのサポート

表中の数字は、完全に要素をサポートする最初のブラウザのバージョンを指定します。

素子
<output> 10.0 サポートされていません 4.0 5.1 11.0

HTML 4.01とHTML5の違い

<output>タグは、HTML5で新しく追加されました。


属性

= HTML5で追加。

属性 説明
for element_id 計算に使用される計算の結果との関係、および要素を指定します。
form form_id 一つ以上の形態を指定する出力要素が属します
name name 出力要素の名前を指定します。

グローバル属性

<output>タグもサポートし、グローバルは、HTMLの属性


イベント属性

<output>タグもサポートしています。イベントは、HTMLの属性


関連ページ

HTML DOMリファレンス: 出力オブジェクト


デフォルトのCSS設定

ほとんどのブラウザが表示されます<output>次のデフォルト値を持つ要素を:

output {
    display: inline;
}