Email Field
Email address input with built-in validation
Email Field
The email field collects email addresses with automatic format validation.
When to use
- Contact forms
- Newsletter signups
- Account registration
- Any form requiring email communication
Settings
Label
Example: "Email Address", "Your Email", "Work Email"
Placeholder
Example: "john@example.com"
Description
Help text. Consider adding privacy reassurance:
Example: "We'll never share your email with third parties."
Required
Almost always enabled for email fields.
Default value
Pre-fill for logged-in users:
{user_email}Validation
Email fields automatically validate the format. Invalid emails show an error:
Please enter a valid email address.Allowed domains
Restrict to specific domains (useful for business forms):
example.com, company.orgSubmissions from other domains are rejected.
Blocked domains
Block disposable email services:
mailinator.com, tempmail.com, guerrillamail.comConfirm email
Enable confirmation field that requires the user to enter their email twice. Reduces typos.
Reply-to integration
The email field integrates with email notifications. Set the email field as the Reply-To address:
- Go to Form Settings → Email Notifications
- Set Reply-To to the field ID (e.g.,
{email})
Now you can reply directly to form submitters.
Examples
Standard contact
Label: Email Address
Placeholder: you@example.com
Required: YesBusiness only
Label: Work Email
Placeholder: name@company.com
Required: Yes
Blocked Domains: gmail.com, yahoo.com, hotmail.com
Description: Please use your company email address.With confirmation
Label: Email Address
Required: Yes
Confirm Email: EnabledRenders as two fields:
- Email Address
- Confirm Email Address
Styling
<div class="fodo-field fodo-field-email">
<label class="fodo-label" for="field_abc123">
Email Address
<span class="fodo-required">*</span>
</label>
<input
type="email"
id="field_abc123"
name="fields[abc123]"
class="fodo-input fodo-input-email"
placeholder="you@example.com"
required
>
</div>The type="email" attribute provides:
- Email keyboard on mobile devices
- Browser-level format validation
- Autofill support