HTML5のさまざまなform要素があなたのブラウザでどのように見えるかのまとめ -Native form elements

HTML5のform要素、input, textarea, select, option, fieldset, legend, label, buttonの各要素とさまざまなタイプをまとめたサイトを紹介します

サイトのキャプチャ

Native form elements

各要素は余計な装飾がない状態で、上がデフォルト、下が入力不可の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

top of page

©2017 coliss