还有一种办法
首先设置input为只读readonly,当页面加载完成后,浏览器不会自动填充内容,但是也不可以进行编辑。然后我们再用js的定时器延迟一段时间后移除input的只读属性readonly,输入框便可进行再次编辑了。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>BFW NEW PAGE</title>
</head>
<body>
<form method="post" action="">
<input type="text" name="username" placeholder="请输入用户名" readonly="readonly" id="username">
<input type="password" name="password" placeholder="请输入密码" readonly="readonly" id="password">
<input type="submit" value="登录">
</form>
<script>
setTimeout(function removeReadonly() {
var username = document.getElementById("username");
var password = document.getElementById("password");
username.removeAttribute("readonly");
password.removeAttribute("readonly");
}, 1000);
</script>
</body>
</html>
网友回复