アラフォーからのプログラミングとデザイン

大人から始めたプログラミングとデザインについてのあれこれ

PHPなしでお問い合わせフォームの送信

f:id:simpledancer:20210204122926j:plain

ポートフォリオ、以前はphpで作ってたんですが、最近はhtmlに直して、お問い合わせもgoogle formに飛ぶように変えてたんだけど、

やっぱりそれじゃあかんか、、ってことでまたお問い合わせフォームを実装することにしました。
ただ、phpで書くのちょっとめんどくさいし、ファイルもphpファイルにしなきゃいけないから、mamp起動させて、、って思うとなかなかやる気が湧かず。

しかし、調べたらhtmlで実装できる方法がありました。

 

htmlでメール送信

www.staticforms.xyz

アクセスキーを得て、お問い合わせフォームのコードに入れ込むだけです。
超簡単。

<form action="https://api.staticforms.xyz/submit" method="post">
        <input type="text" name="name" placeholder="Your Name">
        <input type="text" name="email" placeholder="Your Email" />
        <textarea name="message"></textarea>
        <input type="text" name="honeypot" style="display:none">
        <input type="hidden" name="accessKey" value="aaaaaaaa-bbbb-cccc-dddd-eeee6666kkkk">
        <input type="hidden" name="subject" value="Contact us from - example.com" />
        <input type="hidden" name="replyTo" value="@">
        <input type="hidden" name="redirectTo" value="https://example.com/contact/success">
        <input type="submit" value="Submit" />
    </form>

accecssKeyのところのvalueに自分のアクセスキーを入れて、

redirectToのところに戻りたいページのアドレスを。
これだけで簡単にお問い合わせフォームで送信ができます。

 

わたしはすでにcssも書いていたので、accessKeyとredirect先を書くくらいでした。

あと、送信完了しましたのページを簡易で別に作ってそこに飛ばせるようにしたくらいですが、あっという間にできるので、下手にphpをいじるよりも良いかもしれません。

久しぶりにqiitaにも書きました。↓

qiita.com