<output>
<output> 要素は、計算やユーザー操作の結果を表すコンテナ要素です。
概要
<output> 要素は、計算やユーザー操作の結果を表すコンテナ要素です。
対応ブラウザ
デスクトップ
Chrome 10+
Edge 18+
Safari 7+
Firefox 4+
モバイル
Chrome Android 18+
Safari iOS 7+
Firefox Android 4+
基本構文
HTML
<form oninput="result.value = Number(a.value) + Number(b.value)">
<input type="number" id="a" value="0"> +
<input type="number" id="b" value="0"> =
<output name="result" for="a b">0</output>
</form>実務での使いどころ
-
<output> の活用
計算やユーザー操作の結果を表す要素。フォーム出力に使用。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。