お問合せフォームをbootstrapに変更してみた

新規のサイト構築がありそうなのと、Wordpressは使わない可能があるので、これを期に古いメール送信のPHPを変更することにした。
セキュリティー的な部分多々あるのと、雛形として簡単に作れるということも考慮した。
で、見つけたのがbootstrapを利用したもの。
参考にさせてもらったのは
【コピぺ可】セキュリティに配慮したメールフォームの作り方【PHP + HTML5 】
で、とても参考になった。
あとは、送信後にthankspageに飛ぶようにするだけ。
実際のものはworks→web用素材→mailform関係フルダにあるform.phpを参照。
bootstrapのcssによるカスタマイズは簡単で、cssファイルをbootstrap以降に読み込めばOK。

takahashi-hiroshi.infoのcontactでgoogle reCaptchaも含めて実装済。

2021年9月15日追記
実際のtakahashi hiroshi photo archivesではここまで結局cgi+PHPによる問い合わせフォームを使用してきた。
その間、迷惑メールが一日数件は入っていたので、上記のgoogle reCaptchaプラスthanks.htmlに飛ぶような実装にしてみた。
どの程度効果があるのかはこれからだが、実装はさほど難しいものではなかったので、機会があれば使ってみたい。
気をつけたいのは、今後googleがformの仕様を変更した場合に機能しなくなることが考えらること。
送信後、thanks.htmlに飛ばす方法は以下のサイトを参考にさせてもらった。
「Googleフォームのカスタマイズ方法（サンクスページも解説）」

更に追記
google reCaptcha効果絶大です。