button要素・buttonタグについて

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

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

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

<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>