關於360瀏覽器自動填充使用者名稱和密碼的問題

2021-07-25 01:11:59 字數 1631 閱讀 2632

在工作中領導要我想乙個問題,關於360瀏覽器會自動填充密碼和使用者名稱的問題,而且該死的input框還會變成屎黃色,醜到爆(使用者端也可以自行設定瀏覽器不儲存密碼)

首先分享一下我的總結:

1. 一般都是cookie記住使用者名稱和密碼。可以設定禁止使用者修改cookie,osc就這樣做了!

最後乙個引數為httponly屬性

2. cookie另乙個典型的應用是當登入乙個**時,**往往會請求使用者輸入使用者名稱和密碼,並且使用者可以勾選「下次自動登入」。如果勾選了,那麼下次訪問同一**時,使用者會發現沒輸入使用者名稱和密碼就已經登入了。這正是因為前一次登入時,伺服器傳送了包含登入憑據(使用者名稱加密碼的某種加密形式)的cookie到使用者的硬碟上。第二次登入時,(如果該cookie尚未到期)瀏覽器會傳送該cookie,伺服器驗證憑據,於是不必輸入使用者名稱和密碼就讓使用者登入了。

關於具體的360瀏覽器的問題,我做的demo(基於jquery的)如下:

其主要的原理是使用者名稱和密碼都有兩個input框,首先讓假的input框獲取焦點,然後讓其隱藏,出現新的input框,輸入進去使用者名稱或者是密碼。按其需要還需要對其進行改色(具體情況,需要具體看)

charset="utf-8">

表單title>

src="jquery-1.8.3.min.js">

script>

head>

使用者名稱:label>

id="un"

maxlength="26"

type="text"

title="請輸入使用者名稱" />

id="username"

name="user.username"

maxlength="26"

style="display:none;"

type="text"

title="請輸入使用者名稱" />

p>

密  碼:label>

id="pwd"

maxlength="20"

type="text"

title="請輸入密碼" />

id="password"

name="user.password"

maxlength="20"

style="display:none;"

type="password"

title="請輸入密碼" />

p>

form>

$(function

());

$("#password").blur(function

());

$("#un").focus(function

());

$("#username").blur(function

());

})script>

body>

html>

瀏覽器自動填寫使用者名稱和密碼

在 開發的過種中,有放多瀏覽器會在我們登入的時候,詢問我們是否要記住使用者名稱和密碼。當我們在實際的開發過程中的時候,會遇到一些需求,然而會出現 這個時候只需要在input中加入一行 則可以解決自動填充的問題 autocomplete new password 這也是借鑑網易郵箱的方法 至於為什麼這...

如何禁止瀏覽器自動填充

瀏覽器的儲存賬戶密碼功能,給我們帶來了很大的便利,但是在有些情況下,我們並不希望瀏覽器幫我們填充一些表單,然而autocomplete的一些引數項並不能阻止瀏覽器回填,這裡我們來看下如何解決這個問題。專案註冊部分的表單有三項,分別為手機號 驗證碼和密碼,當完成註冊操作後,瀏覽器提醒是否儲存密碼,使用...

google chrome瀏覽器自動填充解決方案

在chrome瀏覽器中,瀏覽器對於 1 type為password和text的 2 帶有name或者id屬性的標籤會有自動填充表單功能,雖然會給使用者記住密碼帶來一定的便利,但是對於布局會有一定的bug。因此更多時候,開發人員選擇取消這一功能。查詢各種資料總結出來的方案有 1.新增autocompl...