如果你担心你保存在浏览器中的用户名和密码被盗取或者暴露,那么最好的防范措施是不允许浏览器记住这些信息。虽然浏览器自带的自动填充功能可以为用户省去不少麻烦,但也有可能被利用导致泄露用户隐私,甚至容易导致经济损失。这里提供几种简单而实用的方法来防止浏览器记住你的用户名和密码。
方法一:添加autocomplete属性
将autocomplete属性添加到用户名和密码输入框中,并将属性值设置为“off”,这样浏览器就无法自动保存这些信息。
代码示例:
<form>
<label for="username">用户名:</label>
<input type="text" id="username" name="username" autocomplete="off">
<br>
<label for="password">密码:</label>
<input type="password" id="password" name="password" autocomplete="off">
<br>
<input type="submit" value="登录">
</form>
方法二:
使用JavaScript禁用自动填充使用JavaScript代码可以防止浏览器自动填充表单。
如下所示:
<form>
<label for="username">用户名:</label>
<input type="text" id="username" name="username">
<br>
<label for="password">密码:</label>
<input type="password" id="password" name="password">
<br>
<input type="submit" value="登录">
</form>
<script>
// 禁用表单自动填充
let inputs = document.getElementsByTagName('input');
for (let i = 0; i < inputs.length; i++) {
inputs[i].setAttribute('autocomplete', 'off');
}
</script>
在该示例中,用JavaScript代码将input标签中的autocomplete属性值全部设为“off”,也可以达到防止浏览器自动填充的目的。