Treat Myself

海外生活中アラサー女子の英語・プログラミング学習備忘録

【Formspree】HTMLフォームの作り方

スポンサーリンク

forms
FormspreeでHTMLフォームを作ってみましたのでやり方をまとめました。

Formspreeとは?

登録不要で、PHPJavaScriptの知識も不要!
HTMLフォームを無料簡単にWebサイトに設置できるサービスです。

formspree.io

使い方

1. サイトにアスセスして「Send a test from playground」をクリック

formspree Home

2. 「YOUREMAILHERE」の部分を受け取りたいメールアドレスを入力

fromspree form

3. 「SEND TEST」または、上記写真の「送信」ボタンをクリック

※ロボットの作業でないことの確認をされます。

4. 入力したメールアドレスに確認とフォームを有効にする手続きの依頼が届くのでフォームを有効にする

formspree activation page

5. 準備完了!

あとは2. で使ったフォームのコードを作成中のサイトに埋め込みます。

感想

たった5分ほどで簡単にHTMLフォームを実装することができました。
サンプルのフォームはメールドレスとメッセージの項目のみでしたが、必要に応じて項目を増やしてみてください。