例
計算を実行し、中に結果を示し<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;
}