English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML リファレンスマニュアル

HTML タグ一覧

HTML: <output> タグ

HTML <output> タグは計算やユーザーの操作の結果を表します。

オンラインサンプル

計算結果を <output> 要素に表示する:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基礎チュートリアル(oldtoolbag.com)</title> 
</head>
<body>
<form oninput="result.value=parseInt(a.value)+parseInt(b.value)
    <input type="range" name="b" value="50" /> +
    <input type="number" name="a" value="10" /> =
    <output name="result"></output>
</form>
<p><strong>注意:/strong>  Internet Explorer は output タグを サポートしません。</p>
</body>
</html>
テストをしてみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

Firefox、Opera、Chrome、Safari ブラウザはすべて <output> タグをサポートしています。

注意: Internet Explorer ブラウザは <output> タグをサポートしていません。

タグの定義及び使用説明

<output> タグは計算結果を出力表示(例えばスクリプトの実行結果など)として使用されます。

HTMLで 4.01 HTML5の違い

<output> タグはHTML 5 の中で新しいタグがあります。

属性

属性説明
forHTML5element_id計算中の要素と計算結果の関係を説明します。
formHTML5form_id入力フィールドが属する1つまたは複数のフォームを定義します。
nameHTML5nameオブジェクトのユニークな名前を定義します(フォームの提出時に使用されます)。

グローバル属性

<output> タグはグローバル属性をサポートしており、完全な属性リストを確認してください HTMLグローバル属性

イベント属性をサポートしています

<output> タグはすべての HTMLイベント属性