<output>: 出力要素

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

属性

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

for

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

form

この要素に関連付けられた ("form owner" である) form 要素 を指定します。この値は、同じ文書内の <form> 要素の id である必要があります。 <output> 要素が form 要素の子孫である場合 (そしてその <form> 要素が form owner である場合)、または <output> 要素が全くフォームと関連付けられていない場合は、この属性は必要ありません。

name

要素の名前です。フォームの送信の際に、この <output> を識別するために使用します。

例

このフォームには、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>