WEB技術の辞書・解説・使用例

TOP > HTML >  HTMLタグ辞典 >  <output>
<output>  FORM  フォーム 

計算結果を表示するフォーム部品。


<form onsubmit="return false" oninput="c.value = a.valueAsNumber * b.valueAsNumber">
<input name="a" type="number" step="any" value="5"> x
<input name="b" type="number" step="any" value="5"> =
<output name="c">25</output>
</form>

x = 25



HTMLの一般属性

属性説明
class="~"クラス名を指定。使用例
id="~"IDを指定します。使用例
style="~"スタイルシートを直接記述。使用例
title="~"タイトルを指定します。
dir="ltr|rtl"文字の表示方向を指定。 ltr(左から右)、rtl(右から左)
lang="~"言語を指定。日本語の場合は"ja"

HTML5の一般属性

属性説明
accesskey="キー"アクセスキーを指定。
tabindex="数値"タブインデックスを指定。
contenteditable="true|false|inherit"要素を編集可能に。true(する) false(しない) inherit(既定値、親要素の属性を継承)
contextmenu="id"コンテキストメニューを指定。
draggable="true|false"ドラッグを可能に。true または false を指定
dropzone="~"ドロップを可能に。
hidden要素を非表示に。
spellcheck="true|false"自動スペルチェック機能。true または false を指定