<output>: 出力要素

HTML の出力要素 (<output>) は、サイトやアプリが計算結果やユーザー操作の結果を挿入することができるコンテナー要素です。

属性

この要素にはグローバル属性があります。

for

他の要素の id の空白区切りのリストで、入力値が計算に使用される (または何らかの影響を与える) 要素を示します。

form

この要素に出力される計算値の計算を行う form 要素 ("form owner") を指定します。属性値は、同じ文書内の form 要素の id としなければなりません。この属性を指定せずに output 要素を form 要素に紐付けるには、 output 要素を対象となる form 要素の子要素として配置する必要があります。つまりこの属性を用いれば、 output 要素の出力内容に関連する form 要素の子要素として配置せずともこれらを結び付けることが可能ということです。

name

HTMLFormElement API で使用される要素の名前を指定します。

例

このフォームには、0から100までの範囲の値を取るスライダーと、第2の値を入力できる <input> 要素があります。どちらかのコントロールの値が変更されるたびに、2つの値が合計された結果が <output> 要素の中に表示されます。

<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
  <input type="range" name="b" value="50" /> +
  <input type="number" name="a" value="10" /> =
  <output name="result">60</output>
</form>

仕様書

ブラウザーの対応

このページの互換性一覧表は構造化データから生成されます。データに協力したいのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。

関連情報

• その他のフォーム関連要素: <form>, <input>, <button>, <datalist>, <legend>, <label>, <select>, <optgroup>, <option>, <textarea>, <keygen>, <fieldset>, <progress>, <meter>