禁止瀏覽器記錄文本框之前輸入過的內(nèi)容-創(chuàng)新互聯(lián)

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

堅守“ 做人真誠 · 做事靠譜 · 口碑至上 · 高效敬業(yè) ”的價值觀,專業(yè)網(wǎng)站建設(shè)服務(wù)10余年為成都成都自上料攪拌車小微創(chuàng)業(yè)公司專業(yè)提供企業(yè)網(wǎng)站設(shè)計營銷網(wǎng)站建設(shè)商城網(wǎng)站建設(shè)手機網(wǎng)站建設(shè)小程序網(wǎng)站建設(shè)網(wǎng)站改版,從內(nèi)容策劃、視覺設(shè)計、底層架構(gòu)、網(wǎng)頁布局、功能開發(fā)迭代于一體的高端網(wǎng)站建設(shè)服務(wù)。

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

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

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

禁止瀏覽器記錄 文本框之前輸入過的內(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默認。規(guī)定啟用自動完成功能。
off規(guī)定禁用自動完成功能。

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

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

標(biāo)題名稱:禁止瀏覽器記錄文本框之前輸入過的內(nèi)容-創(chuàng)新互聯(lián)
轉(zhuǎn)載來源:http://muchs.cn/article26/eisjg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供搜索引擎優(yōu)化、App開發(fā)、網(wǎng)站收錄、App設(shè)計、網(wǎng)頁設(shè)計公司商城網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站建設(shè)網(wǎng)站維護公司