From a4a45958a3e1ce2c3e9d858ad91295c7cb213792 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ra=C3=BAl=20Negr=C3=B3n?= <raul.esteban.negron@gmail.com>
Date: Tue, 15 Sep 2026 18:08:49 -0400
Subject: [PATCH] fix: align forms with netlify spam docs

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 src/components/feedback-form.js    | 5 +++--
 src/components/netlify-honeypot.js | 2 +-
 src/components/submission-form.js  | 5 +++--
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/feedback-form.js b/src/components/feedback-form.js
index 4651c4d..511d73a 100644
--- a/src/components/feedback-form.js
+++ b/src/components/feedback-form.js
@@ -8,7 +8,7 @@ const additionalFormAttr = {
   name: "feedback",
   method: "post",
   "data-netlify": "true",
-  "data-netlify-honeypot": "bot-field"
+  "netlify-honeypot": "bot-field"
 };
 
 function FeedbackForm() {
@@ -30,6 +30,7 @@ function FeedbackForm() {
         className="feedback__input"
         placeholder={t("feedback.hello-fsn")}
         type="text"
+        required
       />
       <label htmlFor="thoughts" className="feedback__label">
         {t("your-thoughts")}
@@ -40,7 +41,7 @@ function FeedbackForm() {
         className="feedback__input"
         placeholder={t("feedback.it-would-be-awesome-if")}
         rows="5"
-        type="text"
+        required
       />
     </Form>
   );
diff --git a/src/components/netlify-honeypot.js b/src/components/netlify-honeypot.js
index 42643c1..9ec233e 100644
--- a/src/components/netlify-honeypot.js
+++ b/src/components/netlify-honeypot.js
@@ -12,7 +12,7 @@ function NetlifyHoneypot({ formName }) {
       <p className="hidden">
         <label>
           {t("submission.bot-field")}
-          <input name="bot-field" />
+          <input name="bot-field" type="text" />
         </label>
       </p>
     </>
diff --git a/src/components/submission-form.js b/src/components/submission-form.js
index 6155858..162f16e 100644
--- a/src/components/submission-form.js
+++ b/src/components/submission-form.js
@@ -59,7 +59,8 @@ function SubmissionForm() {
 
     fetch("/", {
       method: "POST",
-      body: new URLSearchParams(new FormData(event.target))
+      headers: { "Content-Type": "application/x-www-form-urlencoded" },
+      body: new URLSearchParams(new FormData(event.target)).toString()
     })
       .then((response) => {
         if (!response.ok) throw new Error(response.statusText);
@@ -90,7 +91,7 @@ function SubmissionForm() {
       name={FORM_NAME}
       method="post"
       data-netlify="true"
-      data-netlify-honeypot="bot-field"
+      netlify-honeypot="bot-field"
       onSubmit={handleSubmit}
       className="flex flex-col rounded shadow bg-white w-full mb-4 p-6 lg:w-1/2"
     >