HTML

output 要素

　output要素は、計算結果を表示させたい場合に使用します。

　以下のサンプルは、ユーザーの操作でレンジ入力された結果を、output要素を使って表示しています。Opera10 などのブラウザで動作を確認できます。

HTML5へのバージョンアップによる変更点

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

属性

for 属性

計算結果の値とそれが何を表しているのかを、ID 名で明確に関連付ける

form 属性

どの form 要素と関連しているのかを明確に示す

name 属性

要素に名前を付ける

使用例①

使用例②

<form>
	<fieldset>
		お名前：<input type="text" name="yourname"><br>
		満足度（5段階）：<input type="range" name="manzoku" min="0" max="5">
		<output name="result" onforminput="value=manzoku.value"></output><br>
		<input type="submit" value="送信">
	</fieldset>
</form>