フォームのデザイン（ラベルデザイン・テキストボックス・テキストエリア・ボタン） - Qiita

お世話になっております。コウヤです。 ウェブサイトを作成するにあたって、フォームのデザインをする機会は多いと思います。 ここではフォームのデザインのうち、テキストボックスとテキストエリアについてデザインする方法について述べていきたいと思います。 （他の、チェックボックスやラジオボタンのデザインは別の記事で取り上げます） ※スマートフォン向けで作成していきます。 ※今回、バリデーションチェックについてはここでは述べません（別の記事で記載する予定です） ※今回、フォームの送信ボタンを押した際の動作についてはここでは述べません（PHP習得した後にでもまた記載したいと思います） フォームの作成 まずはフォームの作成をしていきたいと思います。前述の通り、まずはスマートフォンでのデザイン（モバイルファースト）をしていきます。 まずは本格デザイン化していく前のコードを記載します。 今回CSSはheadタ