mozilla官方文件建議的是 直接使用 autocomplete = 『off』 即可禁止輸入框從瀏覽器cache獲取資料，博主以前使用這個也就足夠相容瀏覽器了。
現在發現，卻在chrome、firfox上有相容性 無法解決。
1：可以設定乙個預設的input用來接收瀏覽器的預設填充，並且設定css為dispaly：none
形如：
這樣既不會影響使用者的體驗，也可以相容所有的瀏覽器，但經過測試卻發現，在chrome上不起作用，在firefox上也只能對type != password的 輸入框起作用。
2：autocomplete = 'new-password'
<input
type
='text'
>
<
input
type
='password'
autocomplete
='new-password'
>
使用上訴**，在chrome上既可生效，使用者名稱與密碼都不會自動填充，但是firefox上任然會自動填充使用者名稱
3：結合上訴兩個情況
<input
type
='text'
style
='display:none'
>
使用者名稱：
<
input
type
='text'
autocomplete
='off'
>
密碼：<
input
type
='password'
autocomplete
='new-password'
>
既可解決針對chrome與firefox核心的瀏覽器自動填充輸入框的問題
4：但是近期經過測試發現 這種方法還是不能解決firefox上密碼框的歷史輸入，可以:3步驟上做這樣的操作：
<input
type
='password'
autocomplete
="new-password"
style
="background-color: #ffffff!important;"
readonly onfocus
="this.removeattribute('readonly');"
onblur
="this.setattribute('readonly',true);"
/>>
input輸入框自動消除空格
今天遇到了乙個問題,使用者在在前端的input裡面輸入id的時候，多寫了個空格,資料庫裡面就找不到id了，所以無法獲取輸入的id所繫結的標籤位置在 現在需要在前端做乙個處理，input框輸入的數值裡面，會自動消除空格。示例 資產編號 這段 的作用 onkeyup this.value this.va...
input輸入框自動消除空格
今天遇到了乙個問題,使用者在在前端的input裡面輸入id的時候，多寫了個空格,資料庫裡面就找不到id了，所以無法獲取輸入的id所繫結的標籤位置在 現在需要在前端做乙個處理，input框輸入的數值裡面，會自動消除空格。示例 資產編號 這段 的作用 onkeyup this.value this.va...
Mobile 手機瀏覽器輸入框 數字輸入框
手機瀏覽器的輸入框，一直都是以web的方式進行開發的，沒有關注到使用者體驗，領導提出了輸入框要彈出數字輸入框，想來應該有這種技術能實現。搜尋之後發現可以使用type number 實現，此方法在andriod和ios下均能實現效果，以下為使用之後遇到的問題 1.使用type number 的問題，使...