汎用的なボタンを表示するbutton要素
ボタンを表現するために、input要素が生成するボタンと、このbutton要素の2つが存在する。
button要素はinput要素と異なり内容を持つことができます(input要素は空要素なので内容を持つことができません)。
例えば内容にimg要素を含めれば、img要素で表現した画像をボタンのように扱わせることが可能となります。
[htmlsrc]
1 | <form action="http://example.com/" method="post"> |
2 | <span>名前: <input type="text" name="firstname" /></span> |
3 | <span>姓: <input type="text" name="lastname" /></span> |
4 | <span>email: <input type="text" name="email" /></span> |
5 | <button name="submit" type="submit">送る</button> |
- submit: submitボタンを作成する。デフォルト値である。
- reset: resetボタンを作成する。
- button: 押しボタンを作成する。onclickイベントなどと組み合わせて利用する。
[/attr]