关于input框,遇到的一些问题以及解决方法

1、CSS去掉谷歌浏览器的黄色背景

input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;

}

2、限制input框输入的字符长度 maxlength 属性

例：;(input框只能输入10个字符)。

3、 input禁止输入 readonly 属性 只读：

例：

4、input 禁止浏览器自动记录输入的值 autocomplete 属性

例:

5、input禁止输入空格（禁止使用空格键）

 

6、input禁止粘贴  οnpaste="return false;" 

例：

  

7、只能包含三个字母的文本字段（数字或特殊字符） pattern属性：

例：

   

8、禁止谷歌浏览器记住密码