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 あり

WORK REQUEST

CONTACT