button (push button)

Functional list
意味 <button attributes ...> </button>の形で、 の部分で指定したテキストをラベルとするボタンを作成します。

後述のinputタグで作成するボタンと違う点は、クリックするとへこんだり、レリーフ状に表示されたり、submitresetの機能を持つボタンが作成できたり、といったところです。

ボタンを作ります。

親要素 以下のHTML要素で使えます。

[ブロックレベル要素] |[インライン要素] (button 以外)

子要素 #PCDATA および以下のHTML要素を含むことができます。

abbr |acronym |address |applet |b |basefont |bdo |big blockquote

br |center |cite |code |dfn |dl |dir |div |em font |h1-6 |hr |i |img |kbd |map |menu|noframes |noscript |object ol

p |pre |q |samp |script |small |span |strong |sub |sup table |tt |ul |var

Attribute
属性 HTMLバリエーション 入力が必要? 意味
accesskey #CDATA strict、
transitional、
frameset に使用可。
不要
datafld #CDATA strict、
transitional、
frameset に使用可。
不要
datasrc #CDATA strict、
transitional、
frameset に使用可。
不要
dataformatas plaintext
html
strict、
transitional、
frameset に使用可。
不要(初期設定はplaintext
disabled disabled
(単独使用)
strict、
transitional、
frameset に使用可。
不要
name #CDATA strict、
transitional、
frameset に使用可。
不要 ボタンの名前を指定します。
onblur #CDATA strict、
transitional、
frameset に使用可。
不要 (スクリプト・コード)
onfocus #CDATA strict、
transitional、
frameset に使用可。
不要 (スクリプト・コード)
tabindex [数値] strict、
transitional、
frameset に使用可。
不要
type button | submit |
reset
strict、
transitional、
frameset に使用可。
不要(初期設定はsubmit ボタンのタイプを指定します。
value:値 #CDATA strict、
transitional、
frameset に使用可。
不要
[共通属性]

<button>タグとは、フォーム内にボタンを作成するためのタグで、<input>タグのボタンと同様の働きをもちますが、さらに多彩な表現をさせることが可能となります。

<button name = "***">とは、<button>タグにname属性を指定したもので、データ送信時に押されたボタンを判別するためのボタン名を定義するために使用されます。

<button type = "***">とは、<button>タグにtype属性を指定したもので、ボタンのアクションを定義するものです。

値には"submit"(送信ボタンとして機能させる)、"reset"(リセットボタンとして機能させる)、"button"(プッシュボタンとして機能させる)等を指定します。

<button value:値 = "***">とは、<button>タグにvalue:値属性を指定したもので、データ送信時に押されたボタンを判別するための送信されるテキストを定義します。

解説

FORM等で使用します

[FrontPage 結果保存 コンポーネント]

戻る