การปิด autocomplete field บน chrome รุ่นใหม่ๆ

จำนวนการเปิดอ่าน 487
คะแนนเอกสาร

ปัญหาใหม่ล่าสุดของคนทำเว็บคือ Chrome มันไม่สนใจค่า autocomplete="off" ใน form เฉยเลย แบบอันนี้ใส่ autocomplete="off" ไปแล้วทั้ง form และ input เลย มันก็ยังโชว์หราขึ้นมาให้

imgbox

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


วิธีแก้ไขนั้นง่ายๆ

หลอกมันซะครับ โดยการเพิ่ม Input ไป 2 ตัวด้านบนสุดของ form แล้วซ่อนมันไว้ แบบนี้

<input style="display: none">
<input type="password" style="display: none">

ถ้าใช้ boostrap ก็ใช้ class="hidden" แทนได้ครับ จากนั้นก็จะได้ผลแบบนี้ (หายไปแล้วช่องเหลืองๆ)

imgbox

หวังว่า Chrome รุ่นใหม่ๆ มันคงจะไม่ฉลาด ข้ามการใส่ Autocomplete ช่องที่ถูกซ่อนไว้ นะ