ก่อนอื่น มีการเติมข้อความอัตโนมัติใหม่ใน HTML5 คุณลักษณะการเติมข้อความอัตโนมัติระบุว่าแบบฟอร์มควรเปิดใช้งานการเติมข้อความอัตโนมัติหรือไม่ โดยทำให้เบราว์เซอร์สามารถคาดเดาการป้อนข้อมูลลงในฟิลด์ได้ เมื่อผู้ใช้เริ่มพิมพ์ในฟิลด์ เบราว์เซอร์ควรแสดงตัวเลือกเพื่อกรอกข้อมูลในฟิลด์ตามค่าที่พิมพ์ไว้ก่อนหน้านี้
ชอบ:
<form autocomplete=on> ชื่อ:<input type=text name=fname /><br /> นามสกุล: <input type=text name=lname /><br /> อีเมล: <input type=email name =email autocomplete=off /><br /> <input type=submit /></form><p>โปรดกรอกและส่งแบบฟอร์มนี้ จากนั้นโหลดหน้านี้ซ้ำเพื่อดูว่าคุณลักษณะการเติมข้อความอัตโนมัติทำงานอย่างไร </p><p>โปรดทราบว่าคุณลักษณะเติมข้อความอัตโนมัติของแบบฟอร์มเปิดอยู่และช่องอีเมลปิดอยู่ </p>
คุณจะพบว่า autocomplete=on จะถูกบันทึกไว้ แต่ E-mail ที่มี autocomplete=off จะไม่ถูกบันทึกเมื่อคุณป้อนอีกครั้ง นี่คือฟังก์ชันกรอกแบบฟอร์มอัตโนมัติใน HTML5!
หากคุณยังไม่แน่ใจ คุณสามารถไปที่คู่มือ w3school เพื่อเรียนรู้ต่อ
วิธีปิดการเติมข้อความอัตโนมัติบางครั้งเราต้องการปิดฟังก์ชั่นเติมข้อความอัตโนมัติของช่องป้อนข้อมูล เช่น เมื่อผู้ใช้เข้าสู่เนื้อหา เราต้องการใช้เทคโนโลยี AJAX เพื่อค้นหาและแสดงรายการจากฐานข้อมูลแทนการค้นหาในประวัติของผู้ใช้
มีสามวิธีในการปิดฟังก์ชันเติมข้อความอัตโนมัติของกล่องป้อนข้อมูล:
1. ตั้งค่าเนื้อหาในเมนูตัวเลือกอินเทอร์เน็ตของ IE--Autocomplete
2. ตั้งค่าเปิดหรือปิดการเติมข้อความอัตโนมัติของแบบฟอร์มเพื่อเปิดหรือปิดฟังก์ชันเติมข้อความอัตโนมัติ
(ปิดฟังก์ชันแจ้งแบบฟอร์มอัตโนมัติทั้งหมด)
3. ตั้งค่าเปิดหรือปิดการเติมข้อความอัตโนมัติของช่องป้อนข้อมูลเพื่อเปิดหรือปิดฟังก์ชันเติมข้อความอัตโนมัติของช่องป้อนข้อมูล (ปิดการเติมข้อความอัตโนมัติของช่องรหัสผ่าน)
รหัสทดสอบ: (กรอกข้อความในแต่ละแบบฟอร์มแล้วส่งแล้วกลับมาดูว่าสามารถกรอกอัตโนมัติได้หรือไม่ โปรดทราบว่าประวัติไม่สามารถกรอกได้จนกว่าจะส่ง อาจมีข้อผิดพลาดในหน้าเว็บหลังจากส่งแล้ว อย่า' ไม่ต้องกังวลหรอก กลับไปได้แล้ว)
แบบฟอร์มที่เปิดใช้งานการเติมข้อความอัตโนมัติ<br>
<form name=form1 autocomplete=on> เปิดกล่องป้อนข้อมูลด้วยฟังก์ชันเติมข้อความอัตโนมัติ <input type=text autocomplete=on ><br> ปิดกล่องป้อนข้อมูลด้วยฟังก์ชันเติมข้อความอัตโนมัติ <input type=text autocomplete=off><br> < ประเภทอินพุต =ส่งค่า=ส่ง><br> </แบบฟอร์ม>
แบบฟอร์มที่ปิดการเติมข้อความอัตโนมัติ<br>
<form name=form1 autocomplete=off> เปิดกล่องป้อนข้อมูลด้วยฟังก์ชันเติมข้อความอัตโนมัติ <input type=text autocomplete=on><br> ปิดกล่องป้อนข้อมูลด้วยฟังก์ชันเติมข้อความอัตโนมัติ <input type=text autocomplete=off><br> < ประเภทอินพุต =ส่งค่า=ส่ง><br> </แบบฟอร์ม>
คำแนะนำ: อย่าปิดฟังก์ชันเติมข้อความอัตโนมัติทั้งหมด เพียงปิดใช้งานฟังก์ชันเติมข้อความอัตโนมัติบางส่วนตามต้องการ หากคุณรู้สึกว่าฟังก์ชันเติมข้อความอัตโนมัติในตัวของเบราว์เซอร์ไม่มีประสิทธิภาพเพียงพอ คุณสามารถใช้ปลั๊กอิน jquery เพื่อให้ได้ฟังก์ชันการเติมข้อความแจ้งอัตโนมัติที่ทรงพลังยิ่งขึ้น
ตัวอย่างเช่น ฟังก์ชั่นพร้อมท์อัตโนมัติของช่องค้นหา Baidu นั้นทรงพลังมาก
ข้างต้นคือเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการศึกษาของทุกคน ฉันหวังว่าทุกคนจะสนับสนุน VeVb Wulin Network