1. Home
  2. HTMLタグ
  3. 要素一覧 [ABC]
  4. button 要素

button 要素


button

ブラウザ
IE
Fx
Sf
Cr
O

ボタン

<button></button>

汎用的なボタンを作成する要素です。

input要素のボタンとは異なり、この要素では内容を持つことができます。

内容には別の要素も配置できるので、例えば画像や強調文字などをボタンのラベルとして表示することが可能になります。


<p><button type="button">ボタンの内容</button></p>

属性一覧
属性 説明 説明
任意属性
type ボタンの形式 submit 送信ボタン (初期値)
reset リセットボタン
button 汎用ボタン
name ボタンの名前 文字列 ボタンを識別するための名前
value ボタンの初期値 文字列 送信されるデータ
disabled ボタンの無効化 disabled 値は省略
  • この要素がform要素内に配置されている場合は、name属性の有効範囲はそのform要素内に限られます。
  • name属性の値は、value属性の値とセットで送信されることになります。
  • disabled属性が指定されたボタンは、選択やクリックができなくなり、データも送信されなくなります。
  • disabled属性は、値を省略して記述します(XHTMLでは省略不可)。
共通属性・その他属性
style
class
id
title
lang
dir
accesskey
tabindex
イベント属性
onclick
ondblclick
onmousedown
onmouseup
onmouseover
onmousemove
onmouseout
onkeypress
onkeydown
onkeyup
onfocus
onblur

<button type="submit"><img src="submit.gif" alt="送信"></button>

DTD

Str Tra Fra

タグ

開始タグ 終了タグ
必須 必須

子要素

ただし、以下の要素はこの要素内に含めることができません。

メモ

この要素は、form要素の外に配置することも可能です。


要素一覧 [ABC]

ページの先頭へ


inserted by FC2 system