HTML5のさまざまなform要素があなたのブラウザでどのように見えるかのまとめ -Native form elements
Post on:2013年4月17日
HTML5のform要素、input, textarea, select, option, fieldset, legend, label, buttonの各要素とさまざまなタイプをまとめたサイトを紹介します

各要素は余計な装飾がない状態で、上がデフォルト、下が入力不可のdisableです。
下記は、Chrome26 for OS XでのHTML5の各フォーム要素のキャプチャです。

素のinputとtext。

textareaとpassword

radio, checkbox, select関連

placeholder, search, file

fieldset関連

submit, button, email, tel

url, number, range

日付関連

日付とcolor, required
sponsors