1
Help us understand the problem. What are the problem?

posted at

updated at

HyperFormでお問い合わせフォームを実装してみた

はじめに

バックエンドサーバを用意せずにお問い合わせフォームを簡単に実装できる HyperForm がリリースされたので使ってみました。

実装

使い方は超簡単。
<form>タグのactionにHyperFormで提供されたカスタムURLを設定し、POST送信するだけ。

<form
  method="post"
  action="https://hyperform.jp/api/4Xn7BB8d"
  className="lg:mx-5"
>

こんな感じ。

特にお問い合わせが来る想定はしていないけど、ポートフォリオサイトに設定してみました。
https://koukibuu3.net/

おわりに

今回はライトにformを書いただけだけれども、非同期でPOSTメッセージを送信してあげる使い方もできそう。
時間があるときにもう少しちゃんと実装してみようと思います。

爆速でお問い合わせフォームが作れるので、とてもオススメです。

Register as a new user and use Qiita more conveniently

  1. You can follow users and tags
  2. you can stock useful information
  3. You can make editorial suggestions for articles
What you can do with signing up
1
Help us understand the problem. What are the problem?