について

IEではバグにより<button>タグが正常に動作しない。
Firefox等はパーフェクトリーに動作。（素晴らしい☆）

[参考]http://www.ne.jp/asahi/hp/syow-yow/note0034.html

<input type="hidden" name="foo" value="" />

<input type="submit" value="送信" onClick="document.---.foo.value="bar" />

とかにせにゃならん。

<input type="submit" name="foo" value="bar" />

でも行けなくはないが...ユーザビリティ最悪。

<button type="submit" name="foo" value="bar" >送信</button>

の美しさは何といっても

<select name="foo">

        <option value="bar">foobar</option>

</select>

の美しさを汎用的にしたことではないでしょうか？
特に、webアプリケーションなどと絡めると、
ループとの相性が抜群に良くなると思うのです。
（この論拠などまた言及したい・・・）