Computer >> Máy Tính >  >> Lập trình >> HTML

Thuộc tính tự động lấy nét ngày nhập HTML DOM

Thuộc tính tự động lấy nét ngày nhập HTML DOM đặt / trả về liệu Ngày nhập liệu có được lấy nét khi tải trang đầu tiên hay không.

Cú pháp

Sau đây là cú pháp -

  • Trả về giá trị boolean - true / false
inputDateObject.autofocus
  • Đặt tự động lấy nét sang booleanValue
inputDateObject.autofocus = booleanValue

Giá trị Boolean

Đây, “booleanValue” có thể như sau -

booleanValue Chi tiết
true Nó xác định rằng đầu vào sẽ được lấy nét tự động khi tải trang.
sai Đây là giá trị mặc định và đầu vào không được lấy nét tự động.

Ví dụ

Hãy để chúng tôi xem một ví dụ về thuộc tính lấy nét tự động Ngày nhập -

<!DOCTYPE html>
<html>
<head>
<title>Input Date Autofocus</title>
</head>
<body>
Date Select: <input type="date" id="Date" autofocus>
<button onclick="removeAutoFocus()">Remove Auto Focus</button>
<div id="divDisplay"></div>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputDate = document.getElementById("Date");
   divDisplay.textContent = 'Autofocus: '+inputDate.autofocus function removeAutoFocus() {
      if(inputDate.autofocus == true){
         inputDate.autofocus = false;
         divDisplay.textContent = 'Autofocus: '+inputDate.autofocus
      }
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Trước khi nhấp vào 'Xóa tiêu điểm tự động' nút -

Thuộc tính tự động lấy nét ngày nhập HTML DOM

Sau khi nhấp vào ‘Xóa tiêu điểm tự động’ nút -

Thuộc tính tự động lấy nét ngày nhập HTML DOM