大家好
最近遇到一個問題
就是客戶要求要取消自動填入功能
因為如果你的 input 是 name 或是 username 之類
 
在chrome 就會在 login 表單就會啟用自動填入
但是有時候這個自動填入不是你想要的
例如我遇到的情況
 
當這欄位應該只能填寫 手機號碼
但是我又不能把 input 改成 type="number"
因為 CSS 會跑掉
為什麼不改CSS ??
因為我不是設計師  哈  雖然這理由很瞎
但是有時候 分工合作就是很難很尷尬
所以我找到方式就是  一開始設定成 disabled 就不會啟用自動完成了
 
以下是參考網址:
 
例如可以這樣設計欄位:
 
<input id="email" readonly type="email" onfocus="if (this.hasAttribute('readonly')) {
this.removeAttribute('readonly');
// fix for mobile safari to show virtual keyboard
this.blur(); this.focus(); }" />
 
基本邏輯就是一開始是 disabled
點擊下去就啟用編輯 取消 disable
 
給大家參考囉!
感恩