Form Setup

Create an HTML form in your website where users can input their data. Here is an example:

<form action="https://formi.dev/f/{project_id}" method="POST">
  
  <label htmlFor="name">Name</label>
  <input type="text" id="name" name="name" required={true} />
  
  <label htmlFor="email">Email Address</label>
  <input type="email" id="email" name="email" required={true} />
  
  <label htmlFor="message">Message</label>
  <textarea id="message" name="message" required={true}></textarea>
  
  <button type="submit">Submit</button>
  
  </form>

File submissions

To enable the ability to accept input fields that take file submissions you must set the encoding type to multipart/form-data in the form tag.

You will also need to be on a plan that allows file uploads.

<form action="https://formi.dev/f/{project_id}" method="POST" encType="multipart/form-data">

Honeypot

You can add a hidden honeypot field to your form to help prevent spam submissions. This field should be hidden from users using CSS.

<input type="hidden" name="_nope_">

You can add a default value to this field for testing purposes. If the field is not empty when the form is submitted, the submission will be rejected.

Make sure to remove this value before going live.

<input type="hidden" name="_nope_" defaultValue="testing">