<output> - アウトプット

トップ > HTMLリファレンス > <output>

概要

形式
<output>~</output>
サポート
LS / H5 / e10 / Ch10 / Fx4 / Sa5.1 / Op9?11?
カテゴリ
フローコンテンツ
フレージングコンテンツ
リステッド, ラベラブル, リセッタブル, リアソシエイタブル(HTML 5.2) フォーム関連要素
パルパブルコンテンツ
親要素
フレージングコンテンツ を子要素に持てるもの
子要素
フレージングコンテンツ
タグの省略
開始タグ:必須 / 終了タグ:必須
属性
グローバル属性
for
form
name

説明

output はフォーム部品のひとつで、計算結果を表示します。使用例で示した例では、x や y の入力欄の数値が変更されると、答えの部分が自動計算されて変動します。

属性

グローバル属性
詳細は グローバル属性 を参照してください。
for=ids
LS/H5
計算に関係する要素のIDをスペース区切りで記述します。
form=id
LS/H5
関連付けたい form要素のIDを指定します。
name=name
LS/H5
このコントロールの名前を指定します。

使用例

HTML
<form onsubmit="return false" oninput="z.value = Number(x.value) + Number(y.value)">
  <input name="x" type="number" value="5"> +
  <input name="y" type="number" value="3"> =
  <output name="z">8</output>
</form>
表示
+ = 8

リンク


Copyright (C) 2011-2017 杜甫々
初版:2011年6月5日 最終更新:2017年12月31日
http://www.tohoho-web.com/html/output.htm