一、更改place-holder颜色
input::-webkit-input-placeholder { color: #D6D0CA !important; /* WebKit browsers / } input:-moz-placeholder { color: #D6D0CA !important; / Mozilla Firefox 4 to 18 / } input::-moz-placeholder { color: #D6D0CA !important; / Mozilla Firefox 19+ / } input:-ms-input-placeholder { color: #D6D0CA !important; / Internet Explorer 10+ */ } 知识点：单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。 css伪类：CSS 伪类用于向某些选择器添加特殊的效果。 css伪元素：CSS 伪元素用于向某些选择器设置特殊效果。 伪元素由双冒号和伪元素名称组成。双冒号是在当前规范中引入的，用于区分伪类和伪元素。但是伪类兼容现存样式，浏览器需要同时支持旧的伪类，如:first-line,:first-letter,:before,:after等等。因此对于css2之前已经有的伪元素两种写法的作用是一样的，但是为了兼容IE浏览器还是使用单冒号的写法；
二、js对input属性checked操作
input中checked属性更改在js中最好用prop
对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。（checked属于固有属性）
对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。
三、
textarea中间不要有空格，空格会在文本框里算字数。另外resize:none 这个属性也属于必带。
四、监听input
对支持oninput的浏览器用oninput，其他浏览器（IE6/7/8）使用onpropertychange：
oninput事件与onpropertychange事件的区别： oninput事件是IE之外的大多数浏览器支持的事件，在value改变时触发，实时的，即每增加或删除一个字符就会触发，然而通过js改变value时，却不 会触发；onpropertychange事件是任何属性改变都会触发的，而oninput却只在value改变时触发，oninput要通过addEventListener() 来注册,onpropertychange注册方式跟一般事件一样。（此处都是指在js中动态绑定事件，以实现内容与行为分离） oninput与onpropertychange失效的情况： （1）oninput事件：a). 当脚本中改变value时，不会触发；b).从浏览器的自动下拉提示中选取时，不会触发。 （2）onpropertychange事件：当input设置为disable=true后，onpropertychange不会触发。 var ie = !!window.ActiveXObject; if(ie){ object.onpropertychange = fn; }else{ object.addEventListener("input",fn,false); }
转载于:https://www.cnblogs.com/hjsblogs/p/5328126.html
