サイトにフォーム。 60秒でTelegramに届く。

<form action="https://formgong.com/submit" method="POST">
  <input type="hidden" name="access_key" value="fk_your_access_key">
  <input type="hidden" name="_lang" value="ja">
  <label>お名前 <input type="text" name="name" autocomplete="name" placeholder="山田 太郎" required></label>
  <label>メールアドレス <input type="email" name="email" autocomplete="email" placeholder="you@example.com" required></label>
  <label>メッセージ <textarea name="message" placeholder="ご用件をご記入ください" required></textarea></label>
  <div aria-hidden="true" style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden">
  <label>この欄は空のままにしてください<input type="text" name="botcheck" tabindex="-1" autocomplete="off"></label>
</div>
  
  <button type="submit">送信</button>
</form>

export function ContactForm() {
  return (
    <form onSubmit={onSubmit}>
      <input type="hidden" name="access_key" value="fk_your_access_key" />
      <input type="hidden" name="_lang" value="ja" />
      <label>{"お名前"} <input name="name" required /></label>
      <label>{"メールアドレス"} <input name="email" type="email" required /></label>
      <label>{"メッセージ"} <textarea name="message" required /></label>
      <button type="submit">{"送信"}</button>
    </form>
  );
}

// POST https://formgong.com/submit

async function onSubmit(event) {
  event.preventDefault();
  const fields = Object.fromEntries(new FormData(event.currentTarget));
  const response = await fetch("https://formgong.com/submit", {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
      Accept: "application/json",
    },
    // _lang: language of Formgong messages and the autoreply (multilingual site: document.documentElement.lang).
    body: JSON.stringify({ _lang: "ja", ...fields, access_key: "fk_your_access_key" }),
  });
  const result = await response.json();
  if (!result.success) throw new Error(result.message || "送信できませんでした。もう一度お試しください。");
  return result.message; // localized "Sent. Thank you!"
}