Trường email
Thu thập địa chỉ email một cách an toàn. Từ các biểu mẫu liên hệ đến đăng ký với xác nhận hai lần nhập, hạn chế theo tên miền và tự động điền trên trình duyệt – trường Email cung cấp khả năng thu thập email chính xác với tính năng xác thực tích hợp và ngăn ngừa lỗi chính tả.
Thu thập email chuyên nghiệp với tính năng xác thực thông minh.
Hoàn hảo cho:
Các tính năng mạnh mẽ cho mọi trường hợp sử dụng
✅ Trường xác nhận email
Ngăn ngừa lỗi đánh máy trùng lặp:
Thêm trường “Xác nhận Email” thứ hai, nơi người dùng phải nhập lại địa chỉ email của họ. Điều này giúp tránh lỗi chính tả và đảm bảo thu thập email chính xác.
Cách hoạt động:
- Trường email chính xuất hiện đầu tiên
- Ô “Xác nhận email” xuất hiện bên dưới
- Hệ thống xác thực cả hai mục nhập khớp nhau
- Phản hồi trực quan hiển thị trạng thái khớp (màu xanh lá cây = khớp, màu đỏ = không khớp)
- Biểu mẫu sẽ không được gửi đi cho đến khi địa chỉ email trùng khớp.
Tại sao cần xác nhận?
- Ngăn ngừa các lỗi đánh máy tốn kém ([email được bảo vệ] so với gmail.com)
- Đảm bảo việc gửi thành công các email quan trọng.
- Giảm tỷ lệ thoát
- Thực hành tốt nhất chuyên nghiệp cho các biểu mẫu quan trọng
- Người dùng tự phát hiện ra lỗi của mình.
Hoàn hảo cho:
- Đăng ký tài khoản (email đặt lại mật khẩu)
- Xác nhận đơn hàng (giao nhận hàng)
- Đăng ký tham dự sự kiện (email vé)
- thông báo thanh toán
- Bất kỳ hình thức nào mà độ chính xác của email là rất quan trọng.
Kinh nghiệm người dùng:
Xác thực tức thời với phản hồi được mã hóa màu sắc. Người dùng có thể thấy ngay lập tức liệu email có khớp hay không mà không cần chờ gửi biểu mẫu.
🏢 Hạn chế tên miền
Thêm các tên miền email cụ thể vào danh sách trắng:
Kích hoạt tùy chọn “Hạn chế tên miền email được cho phép” để chỉ chấp nhận email từ các tên miền cụ thể. Rất phù hợp cho các biểu mẫu chỉ dành cho công ty, đăng ký riêng tư hoặc truy cập có kiểm soát.
Cách hoạt động:
- Nhập các tên miền được cho phép (mỗi dòng một tên miền)
- Hệ thống sẽ xác thực tên miền email khi gửi.
- Chỉ chấp nhận các tên miền trùng khớp.
- Xóa thông báo lỗi cho các tên miền bị từ chối.
Các trường hợp sử dụng phổ biến:
Chỉ dành cho email công ty:
Chỉ cho phép sử dụng email có định dạng `@yourcompany.com` cho các biểu mẫu nội bộ, khảo sát nhân viên hoặc đăng ký nhân viên.
Cơ sở giáo dục:
Chỉ sử dụng địa chỉ email `@university.edu` cho các biểu mẫu dành riêng cho sinh viên, khảo sát trường hoặc đăng ký học tập.
Nhiều đối tác:
Cho phép nhiều tên miền như `company1.com`, `company2.com`, `partner3.com` cho các cổng thông tin đối tác hoặc biểu mẫu B2B.
Các tổ chức đã được xác minh:
Thêm các tổ chức cụ thể vào danh sách trắng để truy cập nội dung dành riêng cho thành viên, ưu đãi độc quyền hoặc quyền truy cập đã được xác minh.
Ví dụ:
- Phản hồi của nhân viên: Chỉ có trên `yourcompany.com`
- Cổng thông tin sinh viên: `school.edu`, `university.edu`
- Đăng ký đối tác: `partner1.com, partner2.com, partner3.com`
- Quyền truy cập dành cho thành viên: `org1.org, org2.org, nonprofit.org`
Lợi ích:
- Đảm bảo các bài nộp hợp lệ
- Ngăn chặn truy cập trái phép
- Xác thực mối liên hệ với tổ chức
- Giảm thiểu thư rác từ email công cộng.
- Kiểm soát quyền truy cập vào các biểu mẫu bị hạn chế.
🔄 Tự động hoàn thành trình duyệt
Nhập email nhanh hơn:
Bật tùy chọn “Cho phép đề xuất của trình duyệt” để trình duyệt có thể đề xuất các địa chỉ email bạn đã sử dụng trước đó. Người dùng có thể chọn email từ kho lưu chỉ với một cú nhấp chuột.
Cách hoạt động:
Trình duyệt nhận diện trường email
Đề xuất các địa chỉ email đã lưu
Người dùng nhấp vào gợi ý để tự động điền
Hoàn thành biểu mẫu tức thì
Lợi ích:
Hoàn thành biểu mẫu nhanh hơn (chỉ cần 1 cú nhấp chuột thay vì gõ phím)
Giảm lỗi chính tả (không cần nhập liệu thủ công)
Cải thiện trải nghiệm người dùng
Tỷ lệ hoàn thành cao hơn
Đặc biệt hữu ích trên thiết bị di động
Thân thiện với quyền riêng tư:
Người dùng có quyền kiểm soát những gì trình duyệt lưu lại. Tính năng tự động hoàn thành tôn trọng cài đặt quyền riêng tư của trình duyệt và tùy chọn của người dùng.
Khi nào nên bật tính năng này:
Biểu mẫu liên hệ (khách truy cập thường xuyên)
Đăng ký nhận bản tin (người dùng cũ)
Biểu mẫu yêu cầu nhanh
Các biểu mẫu công cộng có tính chất sử dụng lặp lại
Khi nào nên vô hiệu hóa:
Đăng ký nhạy cảm
Các tình huống sử dụng máy tính chung
Biểu mẫu bảo mật cao
Khi cần nhập email thủ công
✉️ Tích hợp chức năng xác thực email
Kiểm tra định dạng tự động:
Các trường email có tích hợp sẵn tính năng xác thực HTML5. Trình duyệt sẽ tự động kiểm tra định dạng email trước khi gửi.
Quy tắc xác thực:
Phải chứa ký hiệu `@`
Phải có văn bản trước `@` (tên người dùng)
Phải có tên miền sau `@`
Phải có đuôi tên miền hợp lệ (.com, .org, v.v.)
Không có khoảng trắng hoặc ký tự không hợp lệ
Phản hồi theo thời gian thực:
Trình duyệt hiển thị các thông báo xác thực như “Vui lòng thêm '@' vào địa chỉ email” hoặc “Vui lòng nhập email sau '@'”.
Các lỗi thường gặp:
Thiếu `@`: `useremailcom` ✗
Thiếu tên miền: `user@` ✗
Thiếu phần mở rộng: `user@domain` ✗
Khoảng trắng: `user @email.com` ✗
Ký tự không hợp lệ: `user@@email.com` ✗
Định dạng email hợp lệ:
`[email được bảo vệ]`, '[email được bảo vệ]`, '[email được bảo vệ]` ✓
📝 Giá trị email mặc định
Điền trước địa chỉ email:
Thiết lập địa chỉ email mặc định hiển thị khi biểu mẫu được tải. Hữu ích cho email hỗ trợ, thông tin liên hệ mặc định hoặc biểu mẫu demo.
Trường hợp sử dụng:
- Điền sẵn địa chỉ email hỗ trợ để nhận yêu cầu gọi lại.
- Hiển thị ví dụ về định dạng email ([email được bảo vệ])
- Đặt địa chỉ email người dùng đã biết từ cơ sở dữ liệu
- Người liên hệ mặc định của tổ chức
có thể chỉnh sửa:
Người dùng có thể dễ dàng thay đổi hoặc thay thế giá trị mặc định. Đó chỉ là điểm khởi đầu, không phải là giá trị cố định.
🎯 Trải nghiệm người dùng được nâng cao
Các tính năng thông minh được tích hợp sẵn:
- Bàn phím dành riêng cho email – Thiết bị di động hiển thị bàn phím được tối ưu hóa với các phím @ và .
- Thuộc tính Autocomplete – Thuộc tính tự động hoàn thành HTML5 phù hợp cho các trường email
- Cắt bỏ khoảng trắng – Tự động loại bỏ các khoảng trắng không cần thiết
- Chuyển đổi sang chữ thường – Tùy chọn chuyển đổi sang chữ thường để nhất quán
- Xác thực trực quan – Phản hồi được mã hóa màu sắc để xác nhận sự trùng khớp
- Thông báo lỗi rõ ràng – Phản hồi xác thực cụ thể
- Xác thực bắt buộc – Bắt buộc nhập email
- Hỗ trợ văn bản trợ giúp – Thêm gợi ý định dạng email
- Lớp CSS tùy chỉnh – Áp dụng kiểu dáng tùy chỉnh
- Hỗ trợ khả năng truy cập – Nhãn ARIA, tương thích với trình đọc màn hình
- Văn bản giữ chỗ – Hiển thị gợi ý định dạng email
- Dễ dàng sao chép và dán – Dán toàn bộ địa chỉ email một cách trơn tru.
🔀 Logic điều kiện
Khả năng hiển thị trường email động:
Hiển thị hoặc ẩn các trường email dựa trên các giá trị khác trong biểu mẫu. Chỉ hiển thị thông tin email khi có liên quan.
Các quy tắc logic nâng cao:
- Logic AND – Tất cả các điều kiện phải được đáp ứng
- Logic OR – Bất kỳ điều kiện nào cũng có thể kích hoạt hành động.
- 8 toán tử – Bằng, Không bằng, Lớn hơn, Nhỏ hơn, Chứa, Rỗng, và nhiều toán tử khác
Trường hợp sử dụng:
- Chỉ hiển thị "Email doanh nghiệp" khi loại khách hàng là "Doanh nghiệp".
- Hiển thị "Địa chỉ email thay thế" khi người dùng chọn "Thêm liên hệ phụ".
- Hiển thị "Email công ty" khi loại đăng ký là "Doanh nghiệp"
- Ẩn mục "Email cá nhân" khi tùy chọn liên hệ là "Chỉ qua điện thoại".
Thiết lập đơn giản chỉ với 3 bước
Chuẩn bị trường Email của bạn chỉ trong vài phút
Thêm trường Email
Kéo và thả trường Email từ phần Trường cơ bản vào biểu mẫu của bạn.
Bật xác nhận (Tùy chọn)
Chọn tùy chọn “Thêm trường xác nhận” để yêu cầu xác thực hai lần và ngăn ngừa lỗi chính tả trên các biểu mẫu quan trọng.
Cấu hình các hạn chế (Tùy chọn)
Bật tính năng hạn chế tên miền cho email chỉ dành cho công ty, bật tính năng tự động điền của trình duyệt để thuận tiện hơn và đặt giá trị mặc định nếu cần.
🎉 Vậy là xong! Trường email của bạn đã sẵn sàng với tính năng xác thực thông minh và ngăn ngừa lỗi chính tả.
Ứng dụng trong thế giới thực
Hình thức liên lạc
* Email hỏi đáp chung
* Liên hệ yêu cầu hỗ trợ
* Thu thập thông tin liên hệ
* Email yêu cầu gọi lại
Đăng ký người dùng
* Email tạo tài khoản
* Email chứa thông tin đăng nhập
* Email đặt lại mật khẩu
* Địa chỉ email xác minh
Bản tin & Tiếp thị
* Email đăng ký nhận bản tin
* Thu thập thông tin đăng ký tiếp thị
* Đăng ký tham gia chiến dịch email
* Thu thập email quảng cáo
Thương mại điện tử
* Email xác nhận đơn hàng
* Email xác nhận giao hàng
* Email thông báo vận chuyển
* Email tài khoản khách hàng
Ứng dụng kinh doanh
* Email yêu cầu báo giá
* Email thông báo đề xuất
* Email liên lạc dự án
* Thu thập thông tin liên hệ khách hàng
Giáo dục & Sự kiện
* Email đăng ký sự kiện
* Email xác nhận đăng ký khóa học
* Email thông báo hội thảo trực tuyến
* Email thông báo giao chứng chỉ
Hoàn thành các tùy chọn trường
Cấu hình cơ bản
- Nhãn trường – Tiêu đề hiển thị phía trên trường email
- Mô tả/Văn bản trợ giúp – Hướng dẫn bổ sung cho người dùng
- Trường bắt buộc – Bắt buộc nhập email
- Văn bản giữ chỗ – Gợi ý hiển thị trước khi người dùng nhập liệu (ví dụ: “[email được bảo vệ]")
Giá trị mặc định
Giá trị mặc định – Địa chỉ email được điền sẵn khi biểu mẫu được tải.
xác nhận thư điện tử
- Thêm trường xác nhận – Thêm trường thứ hai yêu cầu người dùng nhập lại email để tránh lỗi chính tả.
- Tự động xác thực xem cả hai mục nhập có khớp nhau hay không.
- Hiển thị phản hồi mã màu theo thời gian thực
- Ngăn chặn việc gửi biểu mẫu cho đến khi địa chỉ email trùng khớp.
Tích hợp trình duyệt
Cho phép đề xuất của trình duyệt – Cho phép trình duyệt đề xuất các địa chỉ email đã sử dụng trước đó để hoàn tất nhanh hơn.
Giới hạn tên miền
Hạn chế các tên miền email được cho phép – Chỉ chấp nhận địa chỉ email từ các tên miền cụ thể (ví dụ: chỉ email công ty)
- Các tên miền email được cho phép – Nhập từng tên miền được cho phép trên một dòng mới (không có ký hiệu @)
- Ví dụ: `gmail.com`, `outlook.com`, `yourcompany.com`
- Một tên miền trên mỗi dòng
- Hệ thống xác thực tên miền khi gửi.
Logic có điều kiện
- Kích hoạt logic điều kiện – Hiển thị/ẩn dựa trên điều kiện
- Loại logic
- Tất cả các điều kiện phải được đáp ứng (VÀ)
- Mọi điều kiện đều có thể được đáp ứng (HOẶC)
- Quy tắc điều kiện
- Hiện/Ẩn – Hành động cần thực hiện
- Trường – Trường nào cần kiểm tra
- Toán tử – Bằng, Không bằng, Chứa, Lớn hơn, Nhỏ hơn, Rỗng, Không rỗng
- Giá trị – Giá trị so sánh
- Nhiều điều kiện – Thêm số lượng quy tắc không giới hạn
Tùy chọn nâng cao
- Trường ẩn – Ẩn trường nhưng vẫn bao gồm địa chỉ email trong dữ liệu gửi đi
- Lớp CSS tùy chỉnh – Áp dụng kiểu dáng tùy chỉnh
- Thuộc tính trợ năng – Nhãn ARIA dành cho trình đọc màn hình
- Chuyển đổi văn bản – Tùy chọn chuyển đổi thành chữ thường
- Cắt bỏ khoảng trắng – Tự động loại bỏ khoảng trắng
Tại sao nên chọn trường email của chúng tôi?
✅ Ngăn ngừa lỗi chính tả –
Trường xác nhận đảm bảo việc thu thập email chính xác.
✅ Hạn chế miền –
Danh sách trắng các tên miền cụ thể để kiểm soát quyền truy cập.
✅ Tự động hoàn thành trình duyệt –
Nhập liệu nhanh hơn với các gợi ý email đã lưu.
✅ Xác thực tích hợp – Tự động kiểm tra định dạng email HTML5
✅ Tối ưu hóa điện thoại di động – Bàn phím chuyên dụng cho email trên thiết bị di động
✅ Phản hồi trực quan – Xác thực khớp dữ liệu theo thời gian thực
✅ Giảm thiểu thư rác – Hạn chế tên miền giúp ngăn chặn email giả mạo
✅ Dễ Sử Dụng – Thông báo và gợi ý xác thực rõ ràng
✅ Tích hợp đầy đủ – Hoạt động liền mạch với tất cả các tính năng của biểu mẫu
Câu Hỏi Thường Gặp
Hỏi: Trường xác nhận email dùng để làm gì?
Nó thêm một trường "Xác nhận email" thứ hai, nơi người dùng phải nhập lại email của họ. Giúp ngăn ngừa các lỗi chính tả như... [email được bảo vệ] Thay vì gmail.com. Cả hai trường phải khớp nhau mới gửi được.
Hỏi: Cơ chế hạn chế tên miền hoạt động như thế nào?
Kích hoạt tính năng này và nhập các tên miền được cho phép (mỗi dòng một tên miền), ví dụ như yourcompany.com. Chỉ những email có đuôi tên miền này mới được chấp nhận.
Hỏi: Tôi có thể cho phép nhiều tên miền không?
Có. Nhập nhiều tên miền, mỗi tên miền trên một dòng, ví dụ như company1.com, company2.com, partner.com. Bất kỳ tên miền nào cũng sẽ được chấp nhận.
Hỏi: Tôi có nên sử dụng xác nhận email cho tất cả các biểu mẫu không?
Hãy sử dụng nó cho các biểu mẫu quan trọng như đăng ký, đặt hàng hoặc vé sự kiện. Bỏ qua nó đối với các biểu mẫu yêu cầu thông tin đơn giản để giúp người dùng thao tác nhanh hơn.
Hỏi: Chức năng “Cho phép đề xuất trình duyệt” có tác dụng gì?
Tính năng này cho phép trình duyệt tự động điền địa chỉ email, nhờ đó người dùng có thể chọn địa chỉ email đã lưu thay vì phải nhập thủ công.
Hỏi: Người dùng có thể bỏ qua bước xác thực email không?
Không. Trình duyệt tự động thực thi các quy tắc định dạng email, chặn các định dạng không chính xác như user@ hoặc @domain.com.
Hỏi: Làm thế nào để chỉ cho phép nhận email từ công ty?
Bật tùy chọn “Hạn chế tên miền email được cho phép” và nhập tên miền công ty của bạn. Chỉ những email sử dụng tên miền đó mới được chấp nhận.
Hỏi: Trường xác nhận có hiển thị trên cùng một dòng không?
Không. Nó xuất hiện ngay bên dưới ô nhập email chính với nhãn "Xác nhận email".
Hỏi: Bàn phím nào hiển thị trên điện thoại di động?
Các thiết bị di động hiển thị bàn phím thân thiện với email với các phím tắt thông dụng như @, dấu chấm và tên miền.
Hỏi: Tôi có thể sử dụng các trường email với logic điều kiện không?
Có. Bạn có thể hiển thị hoặc ẩn các trường email dựa trên lựa chọn của người dùng bằng cách sử dụng các điều kiện như “Trống”, “Không trống” hoặc “Bằng”.
Hỏi: Điều gì sẽ xảy ra nếu tên miền không khớp?
Người dùng nhận được thông báo như sau: “Tên miền email không được phép. Vui lòng sử dụng tên miền đã được phê duyệt.”
Hỏi: Tôi có nên bật tính năng tự động điền vì lý do bảo mật không?
Tùy thuộc vào trường hợp. Bật chức năng này để thuận tiện trên các biểu mẫu công khai. Tắt chức năng này trên các hệ thống dùng chung hoặc nhạy cảm khi cần nhập liệu thủ công.
