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

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

ไวยากรณ์

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

textObject.autofocus = true|false

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

ตัวอย่าง

มาดูตัวอย่างสำหรับคุณสมบัติ autofocus ของ HTML DOM Input text:

<!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>

ผลลัพธ์

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