當滿足以下2個條件時,瀏覽器會自動記錄輸入過的值,當用戶再次輸入的時候就能自動完成;
成都創(chuàng)新互聯(lián)堅持“要么做到,要么別承諾”的工作理念,服務領域包括:成都網(wǎng)站建設、網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務,滿足客戶于互聯(lián)網(wǎng)時代的高碑店網(wǎng)站設計、移動媒體設計的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡建設合作伙伴!
1:input標簽在form標簽下;
2:點擊了此form標簽下的submit按鈕;
具體的表現(xiàn)形式如下圖,瀏覽器自動顯示輸入過的值后會遮擋到下面的驗證碼,對于我這種記性差到即便只有這4個數(shù)字都懶得記,非要邊看著驗證碼邊輸入的人是無法忍受的;額;好吧;我承認記性是躺槍的,主要是懶;
如果說驗證碼這個示例你能忍受的話;那么下面這張圖肯定是無法忍的了;這個搜索框有一個ajax 事件,當輸入內容后會發(fā)送異步請求搜索商品,但是瀏覽器的自動顯示的輸入記錄就會遮擋后邊的搜索結果;
解決這個情況的方法是為input標簽添加autocomplete屬性并設為off
順便介紹下autocomplete;
autocomplete是HTML5 中的新屬性它規(guī)定表單是否應該啟用自動完成功能。自動完成允許瀏覽器預測對字段的輸入。當用戶在字段開始鍵入時,瀏覽器基于之前鍵入過的值,應該顯示出在字段中填寫的選項。
值 | 描述 |
on | 默認。規(guī)定啟用自動完成功能。 |
off | 規(guī)定禁用自動完成功能。 |
本文為白俊遙原創(chuàng)文章,轉載無需和我聯(lián)系,但請注明來自白俊遙博客baijunyao.com