Mobile form design.
WHY IT MATTERS
Most of your visitors are on phones.
A form difficult to complete on a phone loses most of its submissions.
WHAT TO CHECK
Fields wide enough to tap accurately Labels readable without zooming The button reachable and large enough No horizontal scrolling
THE KEYBOARD POINT
Set the field type correctly.
An email field brings up the email keyboard. A phone field brings up the number pad.
That small detail noticeably improves completion.
WHAT BREAKS ON PHONES
Multi-column layouts Fields side by side Date pickers that do not work with touch Anything requiring precise tapping
WHAT TO TEST
Complete your own form on your own phone.
Not a resized browser window.
FOR LONG FORMS
Consider breaking into steps with progress shown.
Or reduce the number of fields.
WHAT TO AVOID
Anything requiring a keyboard the phone does not offer.
