outputの使い方についてまとめ

outputの概要

outputはform内で計算結果を表示する要素です。Webサイトやアプリなどで計算結果をする際に使用します。

outputのカテゴリー

コンテンツカテゴリー

outputに入れられるタグ一覧

タグ早見表

a abbr area audio b bdo br button canvas cite code data datalist del dfn em embed i iframe img input ins kbd label link map mark math meta meter noscript object output progress q ruby samp script select small span strong sub sup svg textarea time var video wbr テキスト

入れられるタグのカテゴリー・モデル

この記事の目次

outputに使える属性

属性とは<output> タグ内に入れることのできるものです。属性をあてはめることにより、CSS・JavaScriptなどで操作する際に識別させることが可能になります。

よく使うグローバル属性

id 概要 要素に対してID固有の識別名を付けることができます。
属性の値 英字から始まる英数字
class 概要 要素に対して分類名を付けることができます。
属性の値 英字から始まる英数字
style 概要 要素に対して直接スタイルを指定することができます。
属性の値 スタイルシートのコード
グローバル属性一覧はこちら

outputに使える属性

for 概要 計算に関する要素のidをスペース区切りで記述します。
属性の値 id属性値
form 概要 関連付けたいform要素のidを指定します。
属性の値 id属性値
name 概要 フォームの名前を指定します。ドキュメント内のフォームごとに固有の名前をつける必要があります。JavaScript等で参照されます。
属性の値 テキストで指定（空文字列は不可）

スポンサードサーチ

<output>の使い方

ブラウザ対応状況

ブラウザの対応（PC)
Chrome あり
Safari あり
Internet Explorer なし
Edge あり
Firefox あり
Opera あり
ブラウザの対応（SP)
Chrome あり
Safari あり
Samsung Internet あり