Honeypot

To safeguard your website from spammers and malicious bots, you can employ honeypots. One effective way of achieving this is by incorporating a honeypot into your HTML form. Doing so will help to verify that only genuine users can submit the form

To enable this feature, add a field with the name _honeypot to your form and hide it with CSS (see example below). The submission will be silently ignored when a spam bot enters a value.

<form action="https://submit-form.com/your-form-id">
  <input type="checkbox" name="_honeypot" style="display:none" tabindex="-1" autocomplete="off" />
  <input type="email" name="email" />
  <button type="submit">Subscribe</button>
</form>

Example

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>FormZillion -honeypot Form Submit Example</title>
    <script src="https://cdn.tailwindcss.com"></script>
  </head>
 
  <body>
    <div class="mx-auto flex h-[100vh] max-w-7xl items-center justify-center">
      <div class="w-[600px] border border-gray-100 px-10 py-8 shadow">
        <div class="flex justify-center"></div>
        <h1 class="text-center text-3xl text-gray-700 font-bold ">Form Zillion</h1>
        <h4 class="text-center text-base text-gray-500 mt-4">Formzillion.com HTML Form with honeypot</h4>
        <form id="form" class="my-6" action="https://formzillion.com/f/your-form-id" method="POST">
          <label class="mb-2 block text-sm font-bold text-gray-500" for="emailaddress"> Email Address </label>
          <input
            class="focus:shadow-outline mb-4 w-full appearance-none rounded border px-3 py-2 leading-tight text-gray-700 shadow focus:outline-none"
            id="emailaddress"
            type="emailaddress"
            placeholder="Enter Email Address"
            required
            name="emailaddress"
          />
          <label class="mb-2 block text-sm font-bold text-gray-500" for="emailaddress"> Full Name </label>
          <input
            class="focus:shadow-outline mb-4 w-full appearance-none rounded border px-3 py-2 leading-tight text-gray-700 shadow focus:outline-none"
            id="fullname"
            type="fullname"
            placeholder="Enter your Fullname"
            required
            name="fullname"
          />
          <input type="text" id="_honeypot" name="_honeypot" style="display: none;" />
          <div class="w-full">
            <button id="button" class="mt-4 w-full rounded bg-orange-500 px-4 py-2 font-bold text-white" type="submit">Submit</button>
          </div>
        </form>
      </div>
    </div>
  </body>
</html>