BLOG
Webエンジニア2025年新卒採⽤ BRISKは新卒からリモートワークです。

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

更新日:2019/08/06

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

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

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

HTML

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

CSS

JavaScript (with jQuery)

(藤崎)

FOLLOW US