コンタクトフォームを作成

コンタクトページを作ってみました。
普通に作っても面白くないなぁと思いつつも、まずはオーソドックスなものを作るのは大事かなと考えました。
手順としては、

1. 受け取ったメッセージを何で処理するか決める(今回は Netlify)
2. コンタクトページに入力フォームを配置
3. css で整形
4. Netlify の設定
5. 動作確認

こんなところでした。
Netlify の Form notifications を使うにあたっては、 form に data-netlify="true" という属性を持たせる
各 input に name 属性を忘れずにつけること
これだけで Netlify の site setting の Forms -> Form notifications で設定したメールへメッセージを飛ばせます。便利！

ここにあるスパムフィルター(Honeypot field)使ってみたいけど今度かな。
興味で reCAPTCHA 2 を埋め込んでみたけど表示されない上に、メッセージも飛ばなくなったので削除。
今夜も遅いので、必要になったらちゃんと調べてみよっと。