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

37次阅读

共计 395 个字符,预计需要花费 1 分钟才能阅读完成。

有时我们需要保证输入框的样式稳定,这时候就需要去除浏览器自带的填充 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,如果为其他类型的输入框,可先将其设置为文本输入框类型,当鼠标焦点到该输入框的时候更改其类型

正文完
 0