HTML5とCSS3で作るミニマルな問い合わせフォーム

HTML5とCSS3で作るミニマルな問い合わせフォーム

スポンサーリンク

スポンサーリンク

webサイトを立ち上げたはいいけど、問い合わせを頂戴するまでにはまだ少し時間がかかりそう。

でも、いざという時のために問い合わせフォームは設置しておきたい

そんなときに役立つ(かもしれない)、ミニマルなフォームデザインを作成してみました。

以下のような最低限の情報

  • 名前
  • メールアドレス
  • 問い合わせ内容

を入力できる、本当にシンプルでミニマルなフォームです。

デモ画面

何を隠そうLHIのために作ったようなもので、どうせなら同じようにお困りの方の力になれればと思い記事にしました。

丸々コピペした後に、好き勝手イジって使ってもらえればと思います。

フォームのHTML

フォームのCSS

まとめ

本記事で掲載している記述はあくまでフォームのデザイン部分になります。

実際にメールを送信するための機能はPHP等で実装してください。

オススメはPHP工房さんのPHP多機能メールフォームフリー(無料)版です。

PHP工房/多機能メールフォームフリー(無料)版

ここまでお読みいただきまして、誠にありがとうございました。

スポンサーリンク

スポンサーリンク

スポンサーリンク