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

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

Cú pháp

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

inputDatetimeObject.autofocus

Thiết lập giá trị

inputDatetimeObject.autofocus = booleanValue

Giá trị Boolean

Ví dụ minh họa

Gỡ bỏ autofocus khỏi trường datetime:

<!DOCTYPE html>
<html>
<head>
<title>Input Datetime Autofocus</title>
</head>
<body>
Ngày & Giờ: <input type="datetime" id="Datetime" value="1998-04-09T12:48IST" autofocus>
<button onclick="removeAutoFocus()">Gỡ autofocus</button>
<div id="divDisplay"></div>
<script>
  var divDisplay = document.getElementById("divDisplay");
  var inputDatetime = document.getElementById("Datetime");
  divDisplay.textContent = 'Autofocus: ' + inputDatetime.autofocus;
  function removeAutoFocus() {
    if(inputDatetime.autofocus == true){
      inputDatetime.autofocus = false;
      divDisplay.textContent = 'Autofocus: ' + inputDatetime.autofocus;
    }
  }
</script>
</body>
</html>

Kết quả

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