แอตทริบิวต์เติมข้อความอัตโนมัติขององค์ประกอบ ช่วยให้คุณกำหนดได้ว่าควรเปิดหรือปิดการเติมข้อความอัตโนมัติสำหรับการป้อนข้อมูล เว็บเบราว์เซอร์จะเติมค่าโดยอัตโนมัติหากเปิดการเติมข้อความอัตโนมัติ สิ่งนี้จะเกิดขึ้นก็ต่อเมื่อผู้ใช้ป้อนค่าก่อนหน้านี้เท่านั้น
ต่อไปนี้เป็นไวยากรณ์ -
<input autocomplete="on|off">
ข้างบน บน | ปิด ค่าจะถูกตั้งค่าสำหรับการเติมข้อความอัตโนมัติที่จะปรากฏหรือไม่ ตั้งค่าเป็น on ถ้าคุณต้องการให้เบราว์เซอร์ดำเนินการตามค่าที่ป้อนก่อนหน้านี้ ในขณะที่ off ไม่อนุญาตให้ทำรายการให้สมบูรณ์
ให้เราดูตัวอย่างการใช้แอตทริบิวต์เติมข้อความอัตโนมัติขององค์ประกอบ -
ตัวอย่าง
<!DOCTYPE html> <html> <body> <h2>Points</h2> <form action = "" method = "get"> Player − <input type = "text" name = "player" autocomplete = "on"><br> Rank − <input type = "number" name = "rank"><br> Points − <input type = "number" name = "pts"><br> <button type = "submit" value = "Submit">Submit</button> </form> </body> </html>
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ สมมติว่าก่อนหน้านี้เราป้อนค่าบางค่าและตอนนี้เราได้ตั้งค่าการเติมข้อความอัตโนมัติแล้ว -
ในตัวอย่างข้างต้น เราได้เพิ่มแบบฟอร์ม −
<form action = "" method = "get"> Player − <input type = "text" name = "player" autocomplete = "on"><br> Rank − <input type = "number" name = "rank"><br> Points − <input type = "number" name = "pts"><br> <button type = "submit" value = "Submit">Submit</button> </form>
เราได้ตั้งค่าการเติมข้อความอัตโนมัติเป็นเปิดสำหรับหนึ่งในอินพุต -
Player − <input type = "text" name = "player" autocomplete = "on">
ดังนั้นเมื่อคุณจะวางเคอร์เซอร์บนประเภทอินพุตของ Player คุณจะสามารถเห็นค่าที่ป้อนก่อนหน้านี้ได้
