看到别人的一段代码,密码输入框为什么用onfocus="this.type='password'",不直接用type='password',placeholder设置提示
走同样的路,发现不同的人生
知道答案了,原来是为了防止浏览器记住密码,实际上还有autocomplete='off'属性,一开始设置密码框的type属性为text,获取焦点的时候改为password,不过在最新的火狐54版本上改方法没有用,还是会记住密码,chrome下不会记住密码
<body><input type="text" onfocus="this.type='password'"/><input type="text" id="psd"/></body><script>
document.querySelector("#psd").onfocus = function () { this.type = 'password'; }
</script>两者是一样的效果而且<input type="text" onfocus="this.type='password'"/>可以在控制台上打上断点说明两个效果应该是一样的
知道答案了,原来是为了防止浏览器记住密码,实际上还有autocomplete='off'属性,一开始设置密码框的type属性为text,获取焦点的时候改为password,不过在最新的火狐54版本上改方法没有用,还是会记住密码,chrome下不会记住密码
<body>
<input type="text" onfocus="this.type='password'"/>
<input type="text" id="psd"/>
</body>
<script>
</script>
两者是一样的效果而且<input type="text" onfocus="this.type='password'"/>可以在控制台上打上断点说明两个效果应该是一样的