Cách sử dụng input type email trong HTML

Kiểu <input type="email"> cho phép nhập địa chỉ email. Trình duyệt validate tự động: bắt buộc có @ và dấu chấm, nếu không báo lỗi "Please enter an email address".

Thêm thuộc tính multiple (Boolean) để cho phép nhập nhiều email, cách nhau bằng dấu phẩy.

Lưu ý: Không hỗ trợ trên IE9 và cũ hơn.

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <title>HTML input email</title>
  </head>
  <body>
    <form action="" method="get">
      Thông tin:<br><br>
      Tên học sinh<br><input type="text" name="sname"><br>
      Email học sinh<br><input type="email" name="email"><br>
      <input type="submit" value="Gửi">
    </form>
  </body>
</html>

Validation tùy chỉnh: Dùng pattern nếu cần quy tắc chặt hơn (ví dụ chỉ cho phép domain công ty).