Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

คุณสมบัติการโฟกัสอัตโนมัติของข้อความอินพุต HTML DOM


คุณสมบัติออโต้โฟกัสข้อความอินพุต HTML DOM เชื่อมโยงกับแอตทริบิวต์ออโต้โฟกัสขององค์ประกอบ HTML คุณสมบัตินี้ใช้สำหรับการตั้งค่าหรือส่งคืนหากฟิลด์ข้อความป้อนควรเน้นโดยอัตโนมัติเมื่อโหลดหน้าหรือไม่

ไวยากรณ์

ต่อไปนี้เป็นไวยากรณ์สำหรับ −

การตั้งค่าคุณสมบัติออโต้โฟกัส -

textObject.autofocus = true|false

ที่นี่ true แทนฟิลด์ข้อความควรได้รับการโฟกัสและ false แทนมิฉะนั้น มันถูกตั้งค่าเป็นเท็จโดยค่าเริ่มต้น

ตัวอย่าง

ให้เราดูตัวอย่างสำหรับคุณสมบัติออโต้โฟกัสข้อความ HTML DOM Input -

<!DOCTYPE html>
<html>
<body>
<h1>Input text autofocus property</h1>
USERNAME: <input type="text" id="TEXT1" autofocus>
<br><br>
<button onclick="FocusVal()">CHECK FOCUS</button>
<p id="Sample"></p>
<script>
   function FocusVal() {
      var P = document.getElementById("TEXT1").autofocus;
      document.getElementById("Sample").innerHTML = "The text field has autofocus property set to "+P;
}
</script>
</body>
</html>

ผลลัพธ์

สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -

คุณสมบัติการโฟกัสอัตโนมัติของข้อความอินพุต HTML DOM


คุณสมบัติการโฟกัสอัตโนมัติของข้อความอินพุต HTML DOM