Điều gì có thể dễ dàng hơn việc thiết lập biểu mẫu HTML để ghi lại địa chỉ email, nói về bản tin hoặc thông báo? Tuy nhiên, việc nhập sai địa chỉ email trong biểu mẫu đó và sau đó để trình duyệt của bạn nhớ địa chỉ không chính xác cho tất cả các biểu mẫu đăng ký sẽ đến.
Nếu bạn muốn xác thực địa chỉ email được nhập vào biểu mẫu của mình nhưng tránh các tin nhắn và tập lệnh phức tạp, HTML5 cho phép bạn dựa vào trình duyệt - mà không cần nỗ lực và không chuyển sang JavaScript.
Xác thực địa chỉ email bằng HTML5
Để trình duyệt của người dùng xác thực địa chỉ email khi họ nhập chúng vào biểu mẫu web HTML của bạn:
- Đảm bảo bạn sử dụng HTML5.
- Bạn có thể làm điều đó bằng cách sử dụng.
- Chỉ định phần tử nhập biểu mẫu địa chỉ email dưới dạng "email". (Xem ví dụ bên dưới.)
Các trình duyệt không nhận dạng type = "email" nên (và, theo như người ta có thể nói, tất cả sẽ) xử lý trường nhập như trường kiểu bình thường = "văn bản".
Xác thực địa chỉ email HTML5
Lưu ý rằng xác thực địa chỉ email HTML sẽ chỉ hoạt động trong các trình duyệt hỗ trợ HTML5 và xác thực đầu vào phần tử biểu mẫu. Đối với các trình duyệt và sao lưu khác, bạn vẫn có thể xác nhận địa chỉ email bằng cách sử dụng PHP , ví dụ.
Các trình duyệt hỗ trợ xác thực địa chỉ email HTML5 bao gồm Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ và Opera 10+. Safari 5 và Google Chrome 6-8 sẽ không chấp nhận nhập địa chỉ email không hợp lệ nhưng, không giống như các trình duyệt khác, sẽ không giúp người dùng sửa lỗi.
Ví dụ về xác thực địa chỉ email HTML5
Để thu hút trình duyệt của người dùng xác thực địa chỉ email bằng HTML5, hãy sử dụng mã sau, ví dụ: