คุณสมบัติ autocomplete ของ HTML DOM Input Text เกี่ยวข้องกับแอตทริบิวต์ autocomplete ขององค์ประกอบ <input> ที่มี type=”text” แอตทริบิวต์ autocomplete รับค่า “on” หรือ “off” ค่า on ระบุว่าเบราว์เซอร์ต้องทำให้ข้อความของผู้ใช้สมบูรณ์โดยอัตโนมัติตามการป้อนข้อมูลก่อนหน้า ในขณะที่ false แทนตรงข้าม
ไวยากรณ์
ไวยากรณ์สำหรับการตั้งค่าคุณสมบัติ autocomplete:
textObject.autocomplete = "on|off"
ที่นี่ on หมายถึงเบราว์เซอร์จะทำให้ข้อมูลที่ผู้ใช้ป้อนสมบูรณ์โดยอัตโนมัติตามการป้อนข้อมูลก่อนหน้า ในขณะที่ false ระบุว่าไม่จะทำให้ข้อมูลใดๆ สมบูรณ์ตามการป้อนข้อมูลก่อนหน้า มีค่าเริ่มต้นเป็น on
ตัวอย่าง
มาดูตัวอย่างสำหรับคุณสมบัติ autocomplete ของ Input text:
<!DOCTYPE html> <html> <body> <h1>Input text autocomplete property</h1> <form action="/Sample_page.php"> USERNAME: <input type="text" id="TEXT1" name="USR" autocomplete="on"><br><br> <input type="submit"> </form> <p>ปิด autocomplete ในช่องข้อความด้านบนโดยคลิกปุ่มด้านล่าง</p> <button onclick="changeAuto()">Autocomplete Off</button> <p id="Sample"></p> <script> function changeAuto() { document.getElementById("TEXT1").autocomplete = "off"; document.getElementById("Sample").innerHTML = "Your text will not autocomplete now"; } </script> </body> </html>
ผลลัพธ์
จะได้ผลลัพธ์ดังนี้:
เมื่อพิมพ์ข้อความในช่องด้านบนและส่งหลายครั้งเพื่อดูข้อความ autocomplete ตามการป้อนก่อนหน้า:
เมื่อคลิกปุ่ม “Autocomplete Off”:
