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

Thuộc tính autofocus của đối tượng Input Email xác định xem trường email có tự động nhận focus khi trang tải xong hay không.

Cú pháp

Lấy giá trị (true/false)

inputEmailObject.autofocus

Thiết lập giá trị

inputEmailObject.autofocus = booleanValue

Giá trị Boolean

Ví dụ minh họa

Gỡ bỏ autofocus khỏi trường email có placeholder:

<!DOCTYPE html>
<html>
<head>
<title>Input Email autofocus</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-autofocus</legend>
    <label for="EmailSelect">Email người dùng: <input type="email" id="EmailSelect" placeholder="ví dụ: xyz@abc.com" autofocus> </label>
    <input type="button" onclick="removeAutofocus()" value="Gỡ autofocus">
    <div id="divDisplay"></div>
  </fieldset>
</form>
<script>
  var divDisplay = document.getElementById("divDisplay");
  var inputEmail = document.getElementById("EmailSelect");
  divDisplay.textContent = 'Autofocus: ' + inputEmail.autofocus;
  function removeAutofocus() {
    inputEmail.autofocus = false;
    divDisplay.textContent = 'Autofocus: ' + inputEmail.autofocus;
  }
</script>
</body>
</html>

Kết quả

Ban đầu trường email được focus tự động (autofocus = true). Sau khi nhấn nút, autofocus chuyển thành false.