Thuộc tính multiple của HTML DOM Input Email

Thuộc tính multiple của đối tượng Input Email xác định xem trường email có cho phép nhập nhiều địa chỉ email (cách nhau bởi dấu phẩy) hay không.

Cú pháp

Lấy giá trị (boolean)

inputEmailObject.multiple

Thiết lập giá trị

inputEmailObject.multiple = boolValue

Giá trị Boolean

Ví dụ minh họa

Bật chế độ nhập nhiều email:

<!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 (chỉ 1 email). Sau khi nhấn nút, multiple = true, ô nhập cho phép danh sách email cách nhau bởi dấu phẩy.