US visitors expect phone numbers in a familiar pattern: area code in parentheses, a space, then two groups separated by a dash — (123) 456-7890. A plain text box with no formatting leads to inconsistent entries like 1234567890, 123.456.7890, and 123-456-7890 mixed together in your submission inbox. Auto Form Builder includes a dedicated Phone field with a built-in US Format: (123) 456-7890 option and Format As You Type — parentheses, spaces, and dashes are added automatically while visitors type. Set it up in the drag-and-drop form builder with no custom code. Last updated: Last update 9 August Formatted phone fields improve data quality and user experience: Without formatting, you spend time cleaning phone data before calling leads back or importing entries into a CRM. In your WordPress admin, go to Auto Form Builder → All Forms, then open an existing form or create a new one. Drag Phone from the Basic category onto the form canvas. Click the field to open its settings panel. Under Phone Field Options, open How Should Phone Numbers Look? and select US Format: (123) 456-7890. An example preview appears below the settings showing (123) 456-7890 so you can confirm the format before saving. Check Format As You Type. As visitors enter digits, the field automatically adds parentheses, a space, and a dash — transforming 1234567890 into (123) 456-7890 progressively while they type. When Format As You Type is enabled, the placeholder also shows (123) 456-7890 as a visual guide. Without it, the placeholder defaults to plain digits (1234567890). Set a clear Field Label such as Phone Number or Mobile Phone. Enable Required Field if every submission must include a phone number. You can override the auto-placeholder with custom Placeholder Text if needed. Save the form, preview on desktop and mobile, type a 10-digit number to confirm the formatting, then publish with the shortcode or embed code. Controls display and formatting behavior. Options include: For US-only forms, choose US Format. When enabled with US format selected, the frontend JavaScript strips non-numeric characters and applies the US mask on every keystroke. Input is capped at 10 digits for US numbers — the standard length for a US phone number without country code. Optional digit length constraints (0–20). Use these to enforce minimum or maximum digit counts. With US Format and Format As You Type enabled, 10-digit input is handled automatically during typing. Pre-fill the phone field when the form loads — useful for edit forms or repopulating after a validation error elsewhere on the page. When a visitor types into a US-formatted phone field with Format As You Type enabled: The field renders as Phone fields are validated when the form is submitted: A fully formatted US number like (123) 456-7890 passes validation because it contains 10 digits after stripping punctuation. Auto Form Builder does not include a country-code dropdown on the phone field — US format targets 10-digit domestic numbers without a +1 prefix. If you need international numbers with country codes, use International Format or Custom Format instead. Forms embedded on non-WordPress sites use the same US phone formatting — Format As You Type, tel input type, and server-side validation. Whether placed via shortcode or embed code, phone fields behave identically everywhere. Phone fields with US format, Format As You Type, validation, and conditional logic are included in the free plugin — the same plugin that gives you drag-and-drop form building, submission management, and spam protection at no cost. Install it from the official WordPress.org directory: https://wordpress.org/plugins/auto-form-builder/ Last updated: Last update 9 August Auto Form Builder lets you create multi-step forms, calculators, and lead capture forms in WordPress, then embed them on any site with a single line of code. Add a Phone field in Auto Form Builder, select US Format: (123) 456-7890 under How Should Phone Numbers Look?, enable Format As You Type, and save the form. Yes. Select US Format and enable Format As You Type. Parentheses, spaces, and dashes are added automatically while the visitor types, capping at 10 digits. Yes. Enable Required Field on the Phone field. The form blocks submission until a valid phone number is entered. No. US Format targets 10-digit domestic numbers in (123) 456-7890 layout without a +1 prefix. For international numbers, use International Format or Custom Format. International Format (digits only), UK Format (01234 567890), and Custom Format where you define your own pattern with 9 for digits. Yes. The submitted value retains formatting characters like parentheses, spaces, and dashes. Server validation checks the underlying digit count. Yes. The field uses type=”tel” which triggers the numeric keypad on smartphones and tablets. Yes. Phone fields with US formatting and Format As You Type are included in the free Auto Form Builder plugin on WordPress.org.US Phone Number Format: Setting Up (123) 456-7890 in Forms
Why Use US Phone Formatting on Forms?
type="tel" so smartphones show the numeric keypadHow to Set Up US Phone Format (123) 456-7890
Step 1: Open the Form Builder
Step 2: Add a Phone Field
Step 3: Choose US Format
Step 4: Enable Format As You Type
Step 5: Set Label, Required, and Placeholder
Step 6: Save, Preview, and Publish
US Phone Field Settings Explained
How Should Phone Numbers Look?
9 for digits (e.g., (999) 999-9999)Format As You Type
Minimum and Maximum Length
Default Value
Base Field Settings
How US Phone Formatting Works on the Frontend
type="tel" for mobile numeric keyboards and includes data-phone-format="us" and data-auto-format="true" attributes for the formatting script.Phone Validation on Submit
US Format vs. Other Phone Formats
9 placeholders for digitsPractical US Phone Field Examples
Standard Contact Form Phone
Appointment Booking (Required)
Lead Capture with Conditional Phone
US Phone Fields on Embedded Forms
Download Auto Form Builder — Free US Phone Formatting
Build forms that embed anywhere — free
Frequently Asked Questions
How do I add a US phone number field to a WordPress form?
Does Auto Form Builder auto-format phone numbers as (123) 456-7890?
Can I require a phone number on my form?
Does the US format include a country code (+1)?
What phone formats besides US are available?
Is the formatted phone number stored with punctuation?
Does the phone field work on mobile devices?
Are US phone fields free in Auto Form Builder?
Table of Contents
Table of Contents
Learn how to bulk delete form submissions in WordPress. Remove multiple entries at once to clean up spam, test data, and old submissions efficiently.
Master WordPress form submission management. Learn to view, filter, search, star, export, and organize form entries like a pro with this complete guide.
Learn how to search and find form submissions in WordPress. Filter by date, form, status, and search across all submission data.
Comparing Auto Form Builder and Contact Form 7 for WordPress. See which form plugin offers better ease of use, features, and value for your website.
Learn how to view, organize, search, filter, and export your WordPress form submissions. Complete guide to submission management.
Learn why storing form data on your own server helps with GDPR compliance. Choose form plugins that keep your user data local and under your control.
Learn how to filter WordPress form submissions by date. Find entries from specific time periods quickly using date range filters.
Should you use one field or multiple fields for names? Learn the pros and cons of each approach and how to set up name fields in WordPress.
Learn how to bulk edit, delete, and manage form submissions in WordPress. Save time with mass actions on multiple entries at once.
Learn how to restrict date fields to future dates only for event registration forms. Block past dates and set booking windows in WordPress.
Learn how to create quantity fields in WordPress forms. Collect numbers for guests, items, tickets, and more with proper validation and limits.
Learn how to star and flag important form submissions in WordPress. Prioritize leads, mark urgent requests, and organize your form entries effectively.
