防止 Safari 自動判斷表單欄位

[華語, cmn-Hant-TW]

Safari 有一個貼心的功能,就是會自動判斷網頁表單的名稱,然後帶入系統的聯絡資訊,有時候這個還蠻好用的,不過有些時候就會很妨害,例如 Semantic UI 的多重選擇可自行輸入的下拉式選單如果被 Safari 認為是 E-Mail 欄位的話,就會變成這樣

打字輸入時還會被那個小人頭卡住,很煩,不過在網頁上只要做些小調整就可以消掉藍色小人了

Safari 主要是看 <label> 的內容來判斷是不是 E-Mail,所以只要裡面有提到 E-Mail 或是郵件的,就要用<span> 格開,這樣就不會被判斷成 E-Mail 欄位了,例如

<label>E-M<span></span>ail</label>

至於哪些關鍵字會被判斷成 E-Mail 就不確定了 (應該說懶得找,而且搞不好會不斷更新),反正試一下就知道了,有試過 via 這個字也會被認為是 E-Mail,有點難理解,不過反正字也不會太多,一個一個試也還好就是

Leave a Reply

Your email address will not be published.