input框處理大全

2022-07-18 03:21:13 字數 1580 閱讀 3493

1、去掉谷歌input記住賬號或密碼時預設出現的黃色背景:

直接用css的內陰影來覆蓋黃色(**中 white可換成其他顏色)

input:-webkit-autofill

2、去掉input框的預設樣式:

input, button, select, textarea

3、控制input標籤聚焦時不出現預設邊框:

input:focus

4、input消除自動記憶功能:

<

input

type

="text"

autocomplete

="off"

>

// input 的autocomplete屬性預設是on:其含義代表是否讓瀏覽器自動記錄之前輸入的值

off:則關閉記錄

5、解決input pleaceholder屬性在ie8,ie9上不支援:

$(function

() );

/*對password框的特殊處理

* 1.建立乙個text框

* 2.獲取焦點和失去焦點的時候切換

*/$('input[type="password"]').each(

function

() );

pwdfield.blur(

function

()

}); });

}});

//判斷瀏覽器是否支援placeholder屬性

function

issupportplaceholder()

//jquery替換placeholder的處理

function

input(obj, val) );

$input.focus(

function

() );

}}).blur(

function

() );

}});

}

6、去掉ie10+瀏覽器下,input標籤的『×』號,密碼框的小眼睛:

ie10+瀏覽器下,input標籤會有乙個預設的樣式,比如文字框的『×』號,密碼框的小眼睛。初衷是好的,有時候很方便,但有時候我們會自己設定樣式和功能。可以用偽元素方法去除: 

::-ms-clear, ::-ms-reveal

7、去掉input框點選時 游標顯示

<

input

type

="text"

readonly unselectable

="on"

onfocus

="this.blur()"

value

="點我啊"

/>

input輸入框正則驗證大全

輸入大小寫字母 數字 下劃線 輸入小寫字母 數字 下劃線 輸入數字和點 輸入中文 輸入數字 輸入英文 輸入中文 數字 英文 輸入數字和字母 除了英文的標點符號以外,其他的都可以中文,英文本母,數字,中文標點 只能輸入數字 小數點也不能輸入 只能輸入數字,能輸小數點.數字和小數點方法二 只能輸入字母和...

input按鈕的事件處理大全

input按鈕的事件處理大全1.2.3.4.5.6.7.8.9.10.11.12.13.http localhost type button value 匯入收藏夾 33.http localhost type button value 匯出收藏夾 34.技術沒有巔峰,追求卓越成就未來.input按...

input輸入框js處理彙總

1.取消按鈕按下時的虛線框 在input裡新增屬性值 hidefocus 或者 hidefocus true 2.唯讀文字框內容 在input裡新增屬性值 readonly 3.防止退後清空的text文件 可把style內容做做為類引用 4.enter鍵可以讓游標移到下乙個輸入框 5.只能為中文 有...