2010年3月27日 星期六

解決瀏覽器對表單自動記憶問題

筆者在寫網頁時,一直困擾於瀏覽器會對表單自動記憶登入過的資料的問題。

舉例來說,在登入時,輸入帳密,只要打前一、二個字,就會在下方出現符合字串的選項,供使用者選擇。
在某些方面,不想記憶全名時,是非常好用的。
但,並不適用於全部的網頁,由其是那些公用電腦。

所幸,找到一個不錯的tag 屬性語法 ,autocomplete="off"


其實,目前不管是不是htm 或 html, IE、CHROME(google browser)、firefox都有 瀏覽器對表單自動記憶問題 ,因為 autocomplete 這個屬性預設為 on。,只要按submit button後,除非手動清楚 瀏覽器的歷史記憶,就會一直存在,只要輸入帳號的前幾個字,瀏覽器的 輸入框會自動帶出以前輸入的資料。

發現這個語法後,已架server測試過,autocomplete 這個屬性試用三種瀏覽器,不會自動將輸入過的資料顯示出來。

在網路上當然也有許多相關的討論,不過,還是寫出來分享一下 ^___^

--------
引用文章如下
標題:解決 Firefox 重新載入網頁保留 form 資料的問題
(網址:http://blog.xuite.net/vexed/tech/22296974)

在 form 加上一個屬性 autocomplete="off" 就可以了,這個 form 所有的 input 和 select 值在重新載入網頁時都不會被保留。這個解法的後遺症是瀏覽器本來的 AutoComplete 功能就被關起來了,但應該也只有 input type 是 text 的時候 AutoComplete 才有作用。如果只有單一一個 input 或 select 的值不想被保留,也可以把 autocomplete="off" 加在 input 或 select 上。
html tag: input autocomplete="off" ... />
html tag: select autocomplete="off" ... />

相關文章:
解決 .htm 或 .html 重新載入網頁保留 form 資料的問題
(網址:http://blog.xuite.net/vexed/tech/24136350)
--------

查詢關鍵字:
1. html autocomplete + firefox / off
2. 瀏覽器 自動記憶 autocomplete

相關文章
1. What is AutoComplete?

2. the discussion of mozilla for Server can't turn off Password Manager || WellsFargo won't allow Moz/N6 || autocomplete=off not supported

3. Autocomplete for wiki

--------
以上。