แอตทริบิวต์ autocomplete

แอตทริบิวต์ autocomplete ยกเลิกการเติมข้อความอัตโนมัติของแบบฟอร์ม

การเติมข้อความอัตโนมัติ คือ เมื่อเบราว์เซอร์เสนอให้ใส่ข้อมูลลงในฟิลด์ที่เคยป้อนข้อมูลลงไปก่อนหน้านี้ ซึ่งอาจไม่สะดวกเสมอไป ตัวอย่างเช่น เบราว์เซอร์อาจแนะชื่อผู้ใช้หรือรหัสผ่านให้กับผู้ไม่ประสงค์ดี เป็นต้น สำหรับฟิลด์ที่ป้อนข้อมูลลับ ควรปิดการเติมข้อความอัตโนมัติ

สามารถใช้แอตทริบิวต์ autocomplete ได้ไม่เพียงเพื่อซ่อนข้อมูลลับเท่านั้น ตัวอย่างเช่น สามารถปิดการเติมข้อความอัตโนมัติในคำตอบแบบทดสอบได้ ซึ่งจำเป็นเพื่อไม่ให้เบราว์เซอร์แนะคำตอบเมื่อทำแบบทดสอบซ้ำ (ทำให้ความน่าสนใจของแบบทดสอบหายไป)

สามารถใช้เป็นแอตทริบิวต์โดยไม่มีค่ากำหนด หรือระบุค่าใดค่าหนึ่งได้

ค่า

ค่า	คำอธิบาย
`on`	เปิดการเติมข้อความอัตโนมัติ (นี่คือค่าเริ่มต้น)
`off`	ปิดการเติมข้อความอัตโนมัติ

ตัวอย่าง

มาเปิดการเติมข้อความอัตโนมัติสำหรับ อินพุต กัน พิมพ์คำว่า "autocomplete" ลงไป ตัวอย่างเช่น แล้วคลิกปุ่มส่ง (จำเป็น เนื่องจาก เบราว์เซอร์จะจำเฉพาะคำที่ส่งแล้วเท่านั้น) หลังจากนั้น กลับมาที่ตัวอย่างแล้วพิมพ์ตัวอักษร "a" ลงไป - เบราว์เซอร์จะแนะนำคำว่า "autocomplete" ให้คุณและคุณสามารถเลือกได้โดยไม่ต้องพิมพ์ทั้งหมด:

<form action="">
	<input type="text" autocomplete="on" name="test">
	<input type="submit">
</form>

ตัวอย่าง

และตอนนี้มาปิดการเติมข้อความอัตโนมัติกัน ทำตามขั้นตอนเดียวกันกับตัวอย่างก่อนหน้า แต่จะไม่มีคำแนะนำใดๆ ปรากฏขึ้น:

<form action="">
	<input type="text" autocomplete="off" name="test">
	<input type="submit">
</form>

ดูเพิ่มเติม

แท็ก datalist,
ซึ่งสร้างการเติมข้อความอัตโนมัติจากรายการของคุณ