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

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

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

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

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

ค่า

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

ตัวอย่าง

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

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

Результат:

ตัวอย่าง

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

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

Результат:

ดูเพิ่มเติม

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