DEV Community

Cover image for Working Html Forms WITHOUT BACKEND!!!
CodeWhiteWeb
CodeWhiteWeb

Posted on

Working Html Forms WITHOUT BACKEND!!!

Hi there,
You remember the time when you have to write the useless php code just to make your Html forms work? siting for hours just to make it work properly. For me, It was the most Frustrating thing while coding, who don't loves to make their code short and more readable (if you don't just drop a comment down , I also want to know :P ).

Introducing to you FORMSPREE

Formspree is a service which can make your Html Forms work without typing php!!

How It works?

Actually Formspree work as a PRE-made php project to deliver the forms directly to your mail inbox, Formspree also support 3rd party integrations like

  • Airtable
  • ConvertKit
  • Discord
  • Email
  • Freshdesk
  • Google Sheets
  • Gorgias
  • Hubspot
  • Mailchimp
  • Mailerlite
  • Pipedrive
  • Slack
  • Stripe
  • Trello
  • Webhooks
  • Zapier
  • Zendesk

Say No to SPAM


Formspree has inbuilt Spam Filter and also support Captcha or you can even set custom rules for spam filters which is actually a Great Feature!

How to create

Step 1 - Create a account at FORMSPREE
Step 2 - Create a new from in Formspree
Image
Step 3 - Copy your Form's endpoint and place it as action in your form tag
Image description
example :

<form
  action="https://formspree.io/f/mjvlkddg"
  method="POST"
>
  <label>
    Your email:
    <input type="email" name="_replyto">
  </label>
  <label>
    Your message:
    <textarea name="message"></textarea>
  </label>
  <!-- your other form fields go here -->
  <button type="submit">Send</button>
</form>
Enter fullscreen mode Exit fullscreen mode

Step 4 - You are Done :P

by default it redirects user to their Thank you page when someone submits a form, but you can change

Fact :- my website form is also working with formspree , check it out https://codewhiteweb.cf/#contact

Thanks for reading
~ CodeWhite

(I know this post is small than my previous one, but its helpful and also thanks for showing so much support to me, just drop me a comment If you like this post and don't forget to give :P)

Discussion (0)