Fodo Docs
Forms

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.org

Submissions from other domains are rejected.

Blocked domains

Block disposable email services:

mailinator.com, tempmail.com, guerrillamail.com

Confirm 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:

  1. Go to Form Settings → Email Notifications
  2. 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: Yes

Business 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: Enabled

Renders 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