คุณสมบัติ autofocus ของ HTML DOM Input Submit

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

ไวยากรณ์

ไวยากรณ์สำหรับการตั้งค่าคุณสมบัติ autofocus:

submitObject.autofocus = true|false

ที่นี่ true แทนว่าปุ่ม submit ควรได้รับโฟกัส และ false แทนตรงข้าม ตั้งค่าเป็น false โดยค่าเริ่มต้น

ตัวอย่าง

มาดูตัวอย่างสำหรับคุณสมบัติ autofocus ของ 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>ดึงค่า autofocus ของปุ่ม submit ด้านบนโดยคลิกปุ่มด้านล่าง</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>

ผลลัพธ์

จะได้ผลลัพธ์ดังนี้:

เมื่อคลิกปุ่ม CHECK: