[HTML] シンプルで幅広いカスタマイズができるform

2014/07/25

web ページを制作する際 form まわりは時間のかかる作業のひとつです。form 部品の表示はブラウザごとや機種ごとでかなりバラつきがあるため、なかなかうまくいきません。

できるだけシンプルに、幅広いカスタマイズができるようなパターンを考えてみたいと思います。

※HTML5 対応ブラウザで確認ください。

HTML

CSS では before 擬似要素にスタイルをあてることで画像を使ったデザイン等も反映できます。

CSS

JavaScript (with jQuery)

(藤崎)