HTML FormsBuilding forms
Form fields
Use any field names and input types. Every named field is saved and included in your email.
Formclick saves every form control that has a name attribute. There is no schema to configure: add a field to your HTML and it shows up in the next submission.
Supported inputs
| Input | What gets saved |
|---|---|
text, email, tel, url, number, date, textarea… | The value as text. |
select | The selected option’s value (or its text when there is no value). |
radio | The value of the checked radio. |
checkbox | The value when ticked (default on). Unticked boxes are left out. |
| Several fields with the same name | A list of values, e.g. interests → ["Design", "SEO"]. |
file | A link to the uploaded file. Needs formclick.min.js. See File uploads. |
hidden | Saved like any other field, unless it is a special field. |
Example with every type
<form action="https://api.formclick.io/submit" method="POST">
<input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">
<input type="text" name="name" required>
<input type="email" name="email" required>
<input type="tel" name="phone">
<select name="budget">
<option value="">Choose a budget…</option>
<option>Under $1,000</option>
<option>$1,000 – $5,000</option>
</select>
<!-- Same name → saved as a list -->
<label><input type="checkbox" name="interests" value="Design"> Design</label>
<label><input type="checkbox" name="interests" value="SEO"> SEO</label>
<label><input type="radio" name="contact_by" value="Email" checked> Email</label>
<label><input type="radio" name="contact_by" value="Phone"> Phone</label>
<textarea name="message"></textarea>
<button type="submit">Send</button>
</form>
<!-- Handles submit, file upload, loading state and success/error messages. -->
<script src="https://cdn.formclick.io/formclick.min.js"></script>Sender name and email
Formclick looks for the person’s name and email so submissions are easy to scan in the dashboard and you can reply straight from your inbox.
- Name is read from the first non-empty field called
name,full_name,fullnameoryour_name. - Email is read from
email(orEmail). It becomes the Reply-To of your notification, so pressing Reply answers the visitor.
Use
type="email" for the email field. Browsers validate it before submit, and an invalid address also counts towards the spam score.Field names
Use short, readable names: they appear as labels in your email and dashboard. company_name reads better than field_7. Avoid starting names with an underscore; a few such names are reserved.
Size limit
A submission body can be up to 100 KB of text, which is far more than any normal form. Files never count towards this, because they upload separately.
Still need help? Contact support or email support@formclick.io.