如何为Microsoft Edge浏览器禁用保存密码浏览器弹出窗口

时间:2019-01-22 09:32:13

标签: javascript jquery html internet-explorer microsoft-edge

我有一个密码字段,并使用autocomplete =“ off”来禁用浏览器保存密码弹出窗口。但是它不起作用。 然后,我尝试使用“文本”作为输入类型,并使用CSS使用“ -ms-text-security:disc :;”将输入的文本用作密码。

<input type="text"  style ="-ms-text-security: disc;"/>

我还使用了“ -webkit-text-security:disc;”而不是“ -ms-text-security:disc :;”,并且在chrome上工作,但在Edge上没有工作。

1 个答案:

答案 0 :(得分:0)

尝试在HTML输入中添加以下代码行将帮助您禁用保存密码浏览器弹出窗口。

readonly onfocus="this.removeAttribute('readonly');" autocomplete="off" 

示例代码:

<!DOCTYPE html>
<html>
<head>
	<title>Login Form</title>
</head>
<body>

<form action="">
  

  <div class="container">
    <label for="uname"><b>Username :</b></label>
    <input type="text" placeholder="Enter Username" name="uname"  readonly 
    onfocus="this.removeAttribute('readonly');" autocomplete="off" ><br>

    <label for="psw"><b>Password : </b></label>
    <input type="password" placeholder="Enter Password" name="psw" readonly 
    onfocus="this.removeAttribute('readonly');" autocomplete="off" ><br>

    <button type="submit">Login</button><br>
   
</form>

</body>
</html>