HTML5のさまざまなform要素があなたのブラウザでどのように見えるかのまとめ -Native form elements
Post on:2013年4月17日
HTML5のform要素、input, textarea, select, option, fieldset, legend, label, buttonの各要素とさまざまなタイプをまとめたサイトを紹介します
![サイトのキャプチャ](/wp-content/uploads-201301/2013041702.png)
各要素は余計な装飾がない状態で、上がデフォルト、下が入力不可のdisableです。
下記は、Chrome26 for OS XでのHTML5の各フォーム要素のキャプチャです。
![サイトのキャプチャ](/wp-content/uploads-201301/2013041703-01.png)
素のinputとtext。
![サイトのキャプチャ](/wp-content/uploads-201301/2013041703-02.png)
textareaとpassword
![サイトのキャプチャ](/wp-content/uploads-201301/2013041703-03.png)
radio, checkbox, select関連
![サイトのキャプチャ](/wp-content/uploads-201301/2013041703-04.png)
placeholder, search, file
![サイトのキャプチャ](/wp-content/uploads-201301/2013041703-05.png)
fieldset関連
![サイトのキャプチャ](/wp-content/uploads-201301/2013041703-06.png)
submit, button, email, tel
![サイトのキャプチャ](/wp-content/uploads-201301/2013041703-07.png)
url, number, range
![サイトのキャプチャ](/wp-content/uploads-201301/2013041703-08.png)
日付関連
![サイトのキャプチャ](/wp-content/uploads-201301/2013041703-09.png)
日付とcolor, required
sponsors