Đối tượng HTML DOM Input Email

Đối tượng Input Email đại diện cho phần tử <input type="email"> — ô nhập liệu chuyên dụng cho địa chỉ email, có validation tự động định dạng email.

Cú pháp tạo đối tượng

var emailObject = document.createElement("input");
emailObject.type = "email";

Các thuộc tính (Attributes)

Thuộc tính	Mô tả
autocomplete	Gợi ý tự động (on/off).
autofocus	Tự động focus khi tải trang.
defaultValue	Giá trị mặc định ban đầu.
disabled	Vô hiệu hóa/bật trường.
form	Tham chiếu form chứa trường.
maxLength	Độ dài tối đa cho phép.
multiple	Cho phép nhập nhiều email (cách nhau bởi dấu phẩy).
name	Tên trường (gửi kèm form).
pattern	Biểu thức chính quy validate.
placeholder	Gợi ý văn bản mẫu.
readOnly	Chỉ đọc hay không.
required	Bắt buộc nhập hay không.
size	Chiều rộng hiển thị (số ký tự).
type	Loại phần tử (trả về "email").
value	Giá trị hiện tại của trường.

Ví dụ minh họa (thuộc tính multiple)

Cho phép nhập nhiều email cùng lúc:

<!DOCTYPE html>
<html>
<head>
<title>Input Email multiple</title>
<style>
  form { width:70%; margin: 0 auto; text-align: center; }
  * { padding: 2px; margin:5px; }
  input[type="button"] { border-radius: 10px; }
</style>
</head>
<body>
<form>
  <fieldset>
    <legend>Email-multiple</legend>
    <label for="EmailSelect">Email nhân viên: <input type="email" id="EmailSelect" placeholder="jkl@qwerty.com"> </label>
    <input type="button" onclick="changeToMultiple()" value="Bật nhiều email">
    <div id="divDisplay"></div>
  </fieldset>
</form>
<script>
  var divDisplay = document.getElementById("divDisplay");
  var inputEmail = document.getElementById("EmailSelect");
  divDisplay.textContent = 'Cho phép nhiều email: ' + inputEmail.multiple;
  function changeToMultiple() {
    inputEmail.multiple = true;
    divDisplay.textContent = 'Cho phép nhiều email: ' + inputEmail.multiple;
  }
</script>
</body>
</html>

Kết quả

Ban đầu multiple = false. Nhấn nút bật multiple = true, cho phép nhập nhiều email cách nhau bởi dấu phẩy.