こんにちは、テルプロです！
本記事ではHTMLでレスポンシブ対応のお問い合わせフォームの作り方を紹介します。
コピペOKですのでご自由にお使いください！
本記事を読むことで
- お問い合わせフォームの作り方がわかる
- コピペですぐに実装できる
全体像
テンプレート
こちらがレスポンシブ対応のお問い合わせフォームのテンプレートです。
See the Pen Untitled by terupro (@terupro) on CodePen.
色の変更や線の有無などのカスタマイズはご自由にどうぞ。レスポンシブの切り替えサイズは（480px）に指定しています。
お問い合わせフォームを機能させたい場合は、こちらのご利用をおすすめします。
PHP工房とは、誰でも無料で使えるPHPを利用したフリーのメールフォームプログラムです。サーバー環境は問わず、基本的にほとんどのレンタルサーバーで動作するという優れものです。
現場でもよく使われています！！
サーバーの環境設定に関しましては、今回は割愛とさせていただきます。
まとめ
今回はHTMLでレスポンシブ対応のお問い合わせフォームの作り方を紹介しました。
実際の業務ではスピードが重要となってきますので、コピペも必要な能力です。コピペでいける部分は、コピペで済ませて「コーディングの効率化」をしていきましょう！
コーディング能力にさらに磨きをかける為には、CSSの知識が重要になってきます。
CSSの実践的なスキルを身につけたい方には「Udemy」がおすすめです。オンラインコースの数は10万以上。世界で4000万人以上の人が学習に利用しています。
▼以下では、口コミをもとに厳選した「CSS学習におすすめのUdemy講座3選」をご紹介しています。ぜひ参考にしてみてください！
最後までご覧いただきありがとうございました。ではまた！
