คุณสมบัติเติมข้อความอัตโนมัติของ HTML DOM Input Text เชื่อมโยงกับแอตทริบิวต์เติมข้อความอัตโนมัติขององค์ประกอบ ที่มี type=”text” แอตทริบิวต์เติมข้อความอัตโนมัติใช้ค่า "เปิด" หรือ "ปิด" ค่า on ระบุว่าเว็บเบราว์เซอร์ต้องกรอกข้อความของผู้ใช้โดยอัตโนมัติโดยอิงจากอินพุตก่อนหน้าในขณะที่ตั้งค่าเป็นเท็จ
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์สำหรับ −
การตั้งค่าคุณสมบัติเติมข้อความอัตโนมัติ -
textObject.autocomplete = "on|off"
ในที่นี้ หมายถึงเบราว์เซอร์จะป้อนข้อมูลของผู้ใช้โดยอัตโนมัติตามอินพุตก่อนหน้า ในขณะที่ระบุเท็จว่าจะไม่ป้อนข้อมูลของผู้ใช้ใดๆ ให้สมบูรณ์ตามอินพุตก่อนหน้า มีค่าที่ตั้งไว้เป็นเปิดโดยค่าเริ่มต้น
ตัวอย่าง
ให้เราดูตัวอย่างคุณสมบัติป้อนข้อความอัตโนมัติ -
<!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>Off the autocomplete in the above text field by clicking on the below button</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> ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
ในการพิมพ์ข้อความในช่องด้านบนและส่งสองสามครั้งเพื่อดูการเติมข้อความอัตโนมัติตามข้อมูลที่คุณป้อนก่อนหน้านี้ -
เมื่อคลิกปุ่ม "ปิดการเติมข้อความอัตโนมัติ" -
