<output>

<output> はサイトやアプリが計算結果やユーザー操作の結果を挿入するHTMLタグである。

構文

タグ名、属性名および属性値は、大文字と小文字を区別しない。開始タグと終了タグは省略できない。

<output>
  <!-- phrasing content -->
</output>

内容

output 要素の開始タグと終了タグの間にフレージング・コンテンツを含めることができる。

属性

すべての要素に共通するグローバル属性のほか、以下に示す属性を output 要素に指定できる。

for

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

２つの数値の合計を出力する例を次に示す。

<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
  <input type="number" id="a" name="a" value="1">
  <input type="number" id="b" name="b" value="1">
  <output name="result" for="a b">2</output>
</form>

form

この要素に関連付けられた (フォームオーナーである) form 要素を指定する。この属性が設定されていない場合、output 要素は祖先の form 要素があれば、その要素に関連づけられる。

name

要素の名前を指定する。form.elements API で使用される。

JavaScript

JavaScript から HTMLOutputElement インタフェースを通じて output 要素へアクセスできる。

HTMLOutputElement インタフェースのプロパティを以下に示す。

HTMLOutputElementインタフェースのプロパティ
プロパティ	型	読み書き
htmlFor	DOMTokenList	readonly
form	HTMLFormElement	readonly
name	DOMString	read/write
type	DOMString	read/write
defaultValue	DOMString	read/write
value	DOMString	read/write
willValidate	boolean	readonly
validity	ValidityState	readonly
validationMessage	DOMString	readonly
labels	NodeList	readonly

HTMLOutputElement インタフェースは HTMLElement インタフェースを継承しているので、HTMLElement インタフェースのプロパティやメソッドも利用できる。

参考文献

Web Hypertext Application Technology Working Group (2025) HTML Living Standard