/Email field

Email field

Email address input with built-in format validation and optional OTP verification.

What it does#

The Email field is a text input that enforces a valid email format on submit. The browser shows the email keyboard on mobile (with the @ key visible).

Validation#

Halloform checks the address shape (something@something.something) on submit, before the form advances. Invalid addresses surface as an inline error under the field — the rest of the form's answers aren't touched.

Settings#

  • Required — disallow blank submissions.
  • Placeholder — show a real-looking address (name@example.com).
  • Default value — pre-fill from a variable, e.g. when re-prompting an existing user.
  • Half-width — pair next to Phone or Name on desktop.

Example#

On a newsletter signup, the Email field is the whole form. Set it Required, give it a friendly placeholder, and pair it with a Submit button — that's a 30-second conversion-optimised signup.

  • Short input — when you don't care about email-format validation.
  • Phone — for the messaging-friendly alternative to email.