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

คุณสมบัติ autofocus ของ HTML DOM Input Date ใช้ตั้งค่า/คืนค่าว่า Input Date จะได้รับโฟกัสเมื่อโหลดหน้าเว็บครั้งแรกหรือไม่

รูปแบบไวยากรณ์ (Syntax)

• การคืนค่าบูลีน - true/false

inputDateObject.autofocus

• การตั้งค่า autofocus เป็น booleanValue

inputDateObject.autofocus = booleanValue

ค่าบูลีนที่เป็นไปได้

ในที่นี้ “booleanValue” สามารถเป็นค่าต่อไปนี้ได้:

ตัวอย่าง

ตัวอย่างการใช้งานคุณสมบัติ Input Date autofocus:

<!DOCTYPE html> <html> <head> <title>Input Date Autofocus</title> </head> <body> เลือกวันที่: <input type="date" id="Date" autofocus> <button onclick="removeAutoFocus()">ลบ 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>

ผลลัพธ์

โค้ดด้านบนจะให้ผลลัพธ์ดังนี้:

ก่อนคลิกปุ่ม 「ลบ Auto Focus」 :

หลังคลิกปุ่ม 「ลบ Auto Focus」 :