溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

禁止瀏覽器記錄 文本框之前輸入過的內(nèi)容

發(fā)布時間:2020-02-28 05:59:18 來源:網(wǎng)絡(luò) 閱讀:316 作者:帥白123 欄目:移動開發(fā)

當(dāng)滿足以下2個條件時,瀏覽器會自動記錄輸入過的值,當(dāng)用戶再次輸入的時候就能自動完成;

1:input標(biāo)簽在form標(biāo)簽下;

2:點擊了此form標(biāo)簽下的submit按鈕;

具體的表現(xiàn)形式如下圖,瀏覽器自動顯示輸入過的值后會遮擋到下面的驗證碼,對于我這種記性差到即便只有這4個數(shù)字都懶得記,非要邊看著驗證碼邊輸入的人是無法忍受的;額;好吧;我承認(rèn)記性是躺槍的,主要是懶;

禁止瀏覽器記錄 文本框之前輸入過的內(nèi)容

如果說驗證碼這個示例你能忍受的話;那么下面這張圖肯定是無法忍的了;這個搜索框有一個ajax 事件,當(dāng)輸入內(nèi)容后會發(fā)送異步請求搜索商品,但是瀏覽器的自動顯示的輸入記錄就會遮擋后邊的搜索結(jié)果;

解決這個情況的方法是為input標(biāo)簽添加autocomplete屬性并設(shè)為off 

<input class="text" autocomplete="off" type="text" name="word" value="輸入商品名稱">

順便介紹下autocomplete;

autocomplete是HTML5 中的新屬性它規(guī)定表單是否應(yīng)該啟用自動完成功能。自動完成允許瀏覽器預(yù)測對字段的輸入。當(dāng)用戶在字段開始鍵入時,瀏覽器基于之前鍵入過的值,應(yīng)該顯示出在字段中填寫的選項。

描述
on默認(rèn)。規(guī)定啟用自動完成功能。
off規(guī)定禁用自動完成功能。

本文為白俊遙原創(chuàng)文章,轉(zhuǎn)載無需和我聯(lián)系,但請注明來自白俊遙博客baijunyao.com

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI