HTML/CSS

【レスポンシブ対応】シンプルなお問い合わせフォームを作ってみた

こんにちは。yuki(@Ryuki_4648)です。
レスポンシブ対応の、シンプルなお問い合わせフォームを作成しました。

【デモページはこちらです】 (※デモページのため実際に送信できません。)



1.お問い合わせフォームとは

ユーザーからのお問い合わせや相談、申し込みなどに使われるのがお問い合わせフォームです。

ポートフォリオサイトのお問い合わせフォームを作成するにあたり、ただ設置するだけでなく、シンプルでわかりやすいフォームを作成したいと思いました。

以下のポイントを抑えながら作成しました。

・必要最低限の項目に抑える
・質問内容ごとにグループ化する
・必須項目をわかりやすくする
・必要に応じてプレースホルダ―を表示

2.HTMLのソースコード

ソースコードはこちらです。↓



3.CSSのソースコード

CSSはこちらです。↓