★HTML Living Standard リファレンス

私たちはカジノサイトを独自にレビューしています。当社のリンクを通じてサインアップすると、追加料金なしで当社に手数料が発生する場合があります。

<output> …… 実行結果の出力を表す
Internet Explorer
Microsoft Edge
Google Chrome
Safari
Firefox
Opera
広告



<output>タグは、実行結果の出力を表す際に使用します。

output要素は、アプリケーションによって実行された計算の結果、または、ユーザーのアクションの結果を表します。

■属性

for属性
出力の計算元となったコントロールを指定します。
form属性
要素をform要素に明示的に関連付けます。
name属性
form.elements API で使用する要素の名前を指定します。

output要素のfor属性の値に要素のid名を指定すると、
出力の計算元となった要素を明示的に示すことができます。
複数の計算元を示す場合には、for属性の値をスペース区切りで指定します。

output要素のform属性の値にform要素のid名を指定すると、
関連しているform要素を明示的に示すことができます。
尚、output要素はフォームに関連付けられていますが、output要素の値自体はフォーム送信時に送信されません。

■使用例

以下のサンプルは、2つの数値を加算するシンプルなスクリプトです。
output要素を使用して計算結果を表しています。
output要素のfor属性の値には、計算元となる2つの要素のid名をスペース区切りで指定しています。

HTMLソース

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

↓↓↓

ブラウザ上の表示

+
=

■使用例

以下のサンプルは、
他サーバーで実行された計算結果を受信したときに、
output要素として出力するよう指定しています。

HTMLソース

<output id="result"></output>
<script>
 var primeSource = new WebSocket('ws://primes.example.net/');
 primeSource.onmessage = function (event) {
   document.getElementById('result').value = event.data;
 }
</script>

samp要素とoutput要素の違い

samp要素output要素の違いについて考えてみます。

samp要素は、「(想定では)こんな結果になります」という出力サンプルを表します。
以前に実行された実行結果をサンプルとして引用するのに適しています。

output要素は、いま出力された内容そのものを表します。
実行された計算などの出力そのものを表すのに適しています。

  • samp要素 …… プログラムを実行した場合の“結果サンプル”です。
  • output要素 …… プログラムを実行した結果の“出力そのもの”です。

■関連項目

  • <progress> …… タスクの進行状況を表す
  • <meter> …… 既知の範囲内の測定値を表す
  • <output> …… 実行結果の出力を表す
  • <samp> …… コンピューターからの出力サンプルを表す
  • <data> …… 何らかのデータを表す
  • <time> …… 日付や時刻に関連するデータを表す
  • <mark> …… 参照目的で強調表示されたテキストを表す
広告



山田 太郎
テック・リード
山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。

ギャンブルガイド もっと見る

カジノファインダー

どのカジノが自分に最適か分からないですか?

サインアップは必要なく、1 分以内に最適なブックメーカーを簡単に見つけることができます。
カジノを探す
Back
質問
Select one of the following options
{"is_any_tile":true}

どのカジノが自分に最適か分からないですか?

Back
Restart
やったー!
これはあなたの選択に基づいた最高のカジノです...
51 users signed up
もっと表示する