HTMLBốn nhóm việc, xếp theo mức ảnh hưởng tới tỉ lệ hoàn thành form:
1. Đúng bàn phím — quyết định nhiều nhất:
<input type="email" inputmode="email" autocomplete="email">
<input type="tel" inputmode="tel" autocomplete="tel">
<input inputmode="numeric" pattern="[0-9]*" autocomplete="one-time-code">type đổi cả validation, inputmode chỉ đổi bàn phím — dùng inputmode khi cần bàn phím số nhưng không muốn hành vi của type="number".
2. Tự điền — autocomplete đúng token cho từng field (xem câu riêng về autocomplete). Địa chỉ gõ tay trên điện thoại là chỗ người dùng bỏ ngang nhiều nhất.
3. Vùng chạm đủ lớn — tối thiểu 44×44px cho mọi thứ bấm được, và tránh đặt hai nút sát nhau.
4. Tránh phụ thuộc hover — điện thoại không có hover; gợi ý hay lỗi phải hiện sẵn, không đợi rê chuột.
input, select, textarea { font-size: 16px; } /* iOS zoom vào field nếu nhỏ hơn 16px */Lưu ý: đặt font-size dưới 16px cho input trên iOS khiến Safari tự phóng to trang khi focus, layout nhảy và người dùng phải zoom ra.
Đây là lỗi thường gặp khi làm form trên mobile.