去除浏览器input框自动填充及样式

有时我们需要保证输入框的样式稳定，这时候就需要去除浏览器自带的填充 input 框的样式（或功能）

<!-- 类型为文本输入框 -->
<input type="text" AUTOCOMPLETE="off" name="username" placeholder="请输入账号" id="username"/>
<!-- 其他类型输入框 -->
<input type="text" AUTOCOMPLETE="off" onfocus="this.type='password'"name="password"placeholder=" 请输入密码 "id="password"/>

注意点：
1，input 框为文本输入框（type=’text’）
2，为 input 输入框添加属性 ’AUTOCOMPLETE=”off”‘，禁用掉自动填充
3，如果为其他类型的输入框，可先将其设置为文本输入框类型，当鼠标焦点到该输入框的时候更改其类型