คุณสมบัติออโต้โฟกัสการส่ง HTML DOM Input เชื่อมโยงกับแอตทริบิวต์ออโต้โฟกัสขององค์ประกอบ HTML คุณสมบัตินี้ใช้สำหรับการตั้งค่าหรือส่งคืนหากปุ่มส่งควรเน้นโดยอัตโนมัติเมื่อโหลดหน้าหรือไม่
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์สำหรับ −
การตั้งค่าคุณสมบัติออโต้โฟกัส -
submitObject.autofocus = true|false
ในที่นี้ true แสดงว่าปุ่มส่งควรได้รับการโฟกัสและ false แสดงถึงอย่างอื่น มันถูกตั้งค่าเป็นเท็จโดยค่าเริ่มต้น
ตัวอย่าง
ให้เราดูตัวอย่างคุณสมบัติโฟกัสอัตโนมัติ Input Submit -
<!DOCTYPE html>
<html>
<body>
<h1> Submit Autofocus property</h1>
<form action=”/Sample_page.php” style="border:solid 2px green;padding:2px">
UserName: <input type="text" id="USR"><br>
Location: <input type="text" id=“Loc”><br><br>
<input type="submit" id="SUBMIT1" autofocus>
</form>
<p>Get the submit button autofocus property value by clicking the below button</p>
<button type="button()" onclick="FocusVal()">CHECK</button>
<p id="Sample"></p>
<script>
function FocusVal(){
var f = document.getElementById("SUBMIT1").autofocus;
document.getElementById("Sample").innerHTML = "The submit button autofocus property is set to: "+f;
}
</script>
</body>
</html> ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
เมื่อคลิกปุ่มตรวจสอบ -
