<output> - アウトプット - とほほのWWW入門

<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>

表示

リンク

初版:2011年6月5日最終更新:2017年12月31日

http://www.tohoho-web.com/html/output.htm