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

投稿日:2014年7月25日

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

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

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

HTML

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

CSS

JavaScript (with jQuery)

(藤崎)

関連記事

  • LINEスタンプ販売中!「カフィーノ♪」 BRISKオリジナル
社内写真