<output>

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

構文

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

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

例

output要素の例を次に示す。

HTML

<orm onsubmit="return false" oninput="o.value = a.valueAsNumber + b.valueAsNumber">
  <input id="a" type="number"> +
  <input id="b" type="number"> =
  <output id="o" for="a b"></output>
</form>

出力結果

+ =

内容

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

属性

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

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

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

<form oninput="result.value=parseInt(x.value)+parseInt(y.value)">
  <input type="number" id="x" name="a" value="1">
  <input type="number" id="y" name="b" value="1">
  <output name="result" for="x y">2</output>
</form>
2
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 インタフェースのプロパティやメソッドも利用できる。

関連項目

参考文献