<output>
計算結果を表示するための要素です。
HTML5で新規導入された要素です。
DOM属性のvalueを持ち、valueの値がそのまま表示されるだけで、
HTMLだけで計算できるわけではありません。
有効な属性
| 属性名 | 説明 |
|---|
| for | <input>のidを指定して関連付けます。 |
| form | <form>のidを指定して関連付けます。 |
| name | 要素に名前を付けます。 |
例
<form onsubmit="return false" oninput="output.value=left.valueAsNumber+right.valueAsNumber">
<input name="left" type="number" value="1"> +
<input name="right" type="number" value="1"> =
<output name="output"></output>
</form>
実際の表示
例ではoninput属性で値が変更された際に<output>のvalueを変更しています。
単に<output>のvalueが表示されるだけです。
valueAsNumberもHTML5の新しいDOM属性ですが、valueを数値型として取得できます。