button要素・buttonタグについて

汎用的なボタンを表示するbutton要素

ボタンを表現するために、input要素が生成するボタンと、このbutton要素の2つが存在する。

button要素はinput要素と異なり内容を持つことができます(input要素は空要素なので内容を持つことができません)。
例えば内容にimg要素を含めれば、img要素で表現した画像をボタンのように扱わせることが可能となります。

[htmlsrc]
<form action="http://example.com/" method="post">
    <span>名前: <input type="text" name="firstname" /></span>
    <span>姓: <input type="text" name="lastname" /></span>
    <span>email: <input type="text" name="email" /></span>
    <button name="submit" type="submit">送る</button>
</form>
[htmlexam]
名前:
姓:
email:

[/htmlexam] [attr]
name = cdata
コントロール名を示す。
value = cdata
ボタンの初期値を示す。
type = submit|button|reset
ボタンの形式を示す。以下の値を指定すること。

  • submit: submitボタンを作成する。デフォルト値である。
  • reset: resetボタンを作成する。
  • button: 押しボタンを作成する。onclickイベントなどと組み合わせて利用する。
[/attr]

コメントを残す

メールアドレスが公開されることはありません。