4.10.15 output 要素

カテゴリー

フロー・コンテンツ

フレージング・コンテンツ

リスト化要素で、ラベル付け可能で、リセット可能なフォーム関連要素

この要素を使うことができるコンテキスト：

フレージング・コンテンツが期待される場所

コンテンツ・モデル：

フレージング・コンテンツ

コンテンツ属性：

グローバル属性

for

form

name

DOM インタフェース：

interface HTMLOutputElement : HTMLElement {
  [PutForwards=value] readonly attribute DOMSettableTokenList htmlFor;
  readonly attribute HTMLFormElement form;
           attribute DOMString name;

  readonly attribute DOMString type;
           attribute DOMString defaultValue;
           attribute DOMString value;

  readonly attribute boolean willValidate;
  readonly attribute ValidityState validity;
  readonly attribute DOMString validationMessage;
  boolean checkValidity();
  void setCustomValidity(in DOMString error);

  readonly attribute NodeList labels;
};

output 要素は、計算の結果を表します。

for コンテンツ属性は、計算結果と、計算に使われるか計算に影響される値を表す要素との関係性を明示的に作ることができます。for 属性が指定されたら、その値は、ユニークなスペース区切りトークンの非順序セットから構成される文字列を含まなければいけません。大文字・小文字は区別されます。それぞれは、同じ Document の中の要素の ID の値を持たなければいけません。

form 属性は、output 要素を明示的にフォーム・オーナーと関連づけるために使います。name 属性は、この要素の名前を表します。

output . value [ = value ]

この要素の現在値を返します。

セットして値を変更することができます。

output . defaultValue [ = value ]

この要素の現在のデフォルト値を返します。

セットしてデフォルト値を変更することができます。

output . type

文字列 "output" を返します。

<form onsubmit="return false" oninput="o.value = a.valueAsNumber + b.valueAsNumber">
 <input name=a type=number step=any> +
 <input name=b type=number step=any> =
 <output name=o></output>
</form>

※ 原文：http://www.w3.org/TR/2011/WD-html5-20110525/the-button-element.html#the-output-element