output - 計算結果

ユーザーの操作でレンジ入力された結果などを出力することができます

output要素のブラウザ別サポート状況

- ie6 ie7 ie8 ie9 firefox4 chorme safari5 opera10
output - - - - - - -

output要素のHTML4からHTML5への変更点

output要素は、HTML5から新たに追加された要素です

コンテンツ属性

グローバル属性 すべての要素で共通に使える属性。HTML5で新たに定義された属性もあります。
for 計算結果の値とそれが何を表しているのかを関連付ける、ID名を指定
form フォームと関連付けるid名を指定
name フォーム・コントロールの名前

「基本」のサンプル

HTMLコード

<form action="request.php" method="get">
<input type="range" id="example" name="example" min="0" max="10"><br>
<output for="example" onforminput="value=example.value"></output><br>
<input type="submit" value="送信">
</form>

プレビュー

対応していないブラウザでは正しくプレビューされません。

別ウィンドウで「基本」のサンプルプレビューを確認

原文(英語):(http://www.w3.org/TR/2009/WD-html5-20090423/forms.html#the-output-element)