input去除默认保存账号密码的事件

最新推荐文章于 2024-06-09 20:17:27 发布
最新推荐文章于 2024-06-09 20:17:27 发布
阅读量764 收藏
点赞数
文章标签： javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41877243/article/details/106469239
版权 
<input onfocus="this.removeAttribute('readonly')"  type="password"></input>

即可

Nick_5
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
input标签内容改变的触发事件介绍
12-09
1. onchange事件与onpropertychange事件的区别： onchange事件在内容改变（两次内容有可能相等）且失去焦点时触发；onpropertychange事件是实时触发，每增加或删除一个字符就会触发，通过js改变也会触发该事件，但是该事件是IE专有。 2. oninput事件与onpropertychange事件的区别： oninput事件是IE之外的大多数浏览器支持的事件，在value改变时实时触发，但是通过js改变value时不会触发；onpropertychange事件是任何属性改变都会触发，而oninput却只在value改变时触发，oninput要通过addEv
vue 登录框密码显示隐藏切换！
qq_42957741的博客
10-22 2049
1.需求分析，通过点击右边眼睛图标，让密码显示隐藏。 2. 逻辑分析，让俩个input框通过指令model来获取相同得数据，让俩个input type属性不同，这样通过点击右边眼睛图标来实现input的切换，逻辑完成。 3. 个人见解，不足之处多多指教。 <div class="ag_name"> <van-cell-group> ...
input type=password 取消密码提示框
王永存
08-01 4318
浏览器记住密码后，在写页面时，设置了input的type='input'时，会带出密码提示框让你回填（如下图所示），怎么才能取消它呢？ 百度了很多的办法，1、说加一个隐藏的input框（最佳办法）2、加属性 autocomplete=“new-password” 3、通过失去焦点，获取焦点来控制 在谷歌浏览器的试的，没有一个能行的。没有办法，还是靠自己实现吧。 大致思路是这样的，利用input的 readonly结合失焦/焦点/点击等事件进行处理，具体代码如下： <input ty...
vue2+vant-ui van-field输入框显示隐藏密码组件封装（移动端项目、H5项目）
wocwin的博客
04-04 1601
vue2+vant-ui van-field输入框显示或隐藏密码 组件封装（移动端项目、H5项目）
【input密码输入框取消浏览器默认记住密码填充】
qq_44803640的博客
01-16 1061
【代码】【input密码输入框取消浏览器默认记住密码填充】
禁止input框自动输入浏览器保存的用户名/密码
04-26 1396
google 浏览器现在是开发人员的主流浏览器，但是在浏览器中保存的用户名/密码，会在你打开一个存在input框的页面时自动输入，特别是查询列表的时候，会非常的烦人 下面直接说解决方法，上代码： <div class="col-lg-10"> <!-- 关键行 --> <input type="password" style="display: none" /> <input class="form-control" style="width: 45%"
前端：input 标签取消账号填充
彭世瑜的博客
08-06 1939
【代码】前端：input 标签取消账号填充。
【转载】html文本框(input)不保存缓存记录
不懂love的博客
10-25 1万+
html文本框(input)不保存缓存记录 有的时候js往文本框里赋值，结果在火狐中刷新后，刚才赋的值还在，导致好多麻烦的事情，现总结一下解决办法如下： 上面是一种情况，再就是有的时候一个表单提交后，再回来输入会缓存有以前的记录，像这解决办法如下：      function   fnSaveForm(){         window.external.AutoCompleteSave
html 表单不保存,如何让input表单TextBox 不保存历史记录
weixin_39811193的博客
06-23 869
如何不让input表单的输入框保存用户输入的历史记录.有时我们在设计网页时不想让表单保存用户输入历史记录，比如一些隐私数据，或一些冲值卡。第一种方法用JavaScript来提交表单，这种方法只对 IE浏览器有效，对firefox不起作用,所以这种方法不能算是一种好方法。关于这种方法的用法可看文章第二部分第二种方法:在input里autocomplete="off"属性，这种方法IE 和 firef...
html5中去掉input type date默认样式的方法
09-22
主要介绍了html5中去掉input type date默认样式的方法,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
jquery实现input输入框实时输入触发事件代码
10-26
如何实现input输入框实时输入触发事件，下面有个不不错的示例使用jquery实现的，感兴趣的朋友可以参考下
Vue触发input选取文件点击事件操作
10-14
主要介绍了Vue触发input选取文件点击事件操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决输入框记住的（浏览器）密码回填到输入框问题
李苗苗的博客
09-18 4132
一，阻止回填 1.<inputtype="text"name="password"onfocus="this.type='password'"autocomplete="off"/> 2.autocomplete="new-password" 3.autocomplete="nope" 4.<input style='position:fixed;bottom:-...
有赞组件vant密码输入框input在微信小程序里隐藏显示密码有问题
山有木兮木有枝 心悦君兮君不知
11-01 4095
<van-field value="{{ pwd}}" placeholder="请输入密码" border="{{ false }}" clearable class="form-input-item" password="{{password...
不让input表单的输入框保存用户输入的历史记录
热门推荐
Ghjkku的博客
11-28 1万+
不让input表单的输入框保存用户输入的历史记录
el-input/input取消浏览器记住密码问题
斗师——Ace
07-22 4976
1.添加auto-complete="new-password"属性，这是一个新属性,兼容所有浏览器. <el-input type="password" auto-complete="new-password" v-model="form.password" placeholder="请输入密码"></el-input> 2.在表单中创建一个不显示的input且...
input密码输入框取消浏览器默认记住密码填充
qq50347110的博客
12-12 6183
onfocus="this.removeAttribute('readonly')"  autocomplete="off"  input 框加上这个属性即可
[Vue-常见错误]浏览器显示Uncaught runtime errors
最新发布
一个喜欢什么都研究一下的小小后端程序员
06-09 305
在vue.config.js中配置关闭Uncaught runtime errors显示。
注册的账号密码怎么保存下来用于登录
06-01
在 Web 开发中，一般使用后端技术来完成账号密码的保存和登录验证，前端只负责数据的收集和传递。以下是一个简单的示例，使用 PHP 技术将账号密码保存到服务器上，并在登录时进行验证。 1. 注册页面 ```html <!DOCTYPE html> <html> <head> <title>注册账号</title> <meta charset="UTF-8"> </head> <body> <h1>注册账号</h1> <form action="register.php" method="post"> <input type="text" name="username" placeholder="用户名"><br> <input type="password" name="password" placeholder="密码"><br> <input type="submit" value="注册"> </form> </body> </html> ``` 在注册页面中，我们使用 `<form>` 标签来收集用户输入的账号密码，并将数据通过 POST 方法提交到 `register.php` 页面。 2. 注册处理页面 ```php <?php if ($_SERVER["REQUEST_METHOD"] == "POST") { $username = $_POST["username"]; // 获取用户名 $password = $_POST["password"]; // 获取密码 // 将用户名密码保存到数据库中 // ... // 保存成功后跳转到登录页面 header("Location: login.html"); exit; } ?> ``` 在 `register.php` 页面中，我们使用 PHP 代码来接收用户提交的账号密码，并将它们保存到数据库中。由于此处只是示例，我们忽略了数据库的具体实现过程。 3. 登录页面 ```html <!DOCTYPE html> <html> <head> <title>用户登录</title> <meta charset="UTF-8"> </head> <body> <h1>用户登录</h1> <form action="login.php" method="post"> <input type="text" name="username" placeholder="用户名"><br> <input type="password" name="password" placeholder="密码"><br> <input type="submit" value="登录"> </form> </body> </html> ``` 在登录页面中，我们同样使用 `<form>` 标签来收集用户输入的账号密码，并将数据通过 POST 方法提交到 `login.php` 页面。 4. 登录处理页面 ```php <?php if ($_SERVER["REQUEST_METHOD"] == "POST") { $username = $_POST["username"]; // 获取用户名 $password = $_POST["password"]; // 获取密码 // 根据用户名从数据库中查找密码 // ... if (/* 密码正确 */) { // 登录成功，跳转到首页 header("Location: index.html"); exit; } else { // 登录失败，返回登录页面并提示错误信息 header("Location: login.html?error=1"); exit; } } ?> ``` 在 `login.php` 页面中，我们同样使用 PHP 代码来接收用户提交的账号密码，并从数据库中查找对应的密码。如果密码正确，则跳转到首页；否则返回登录页面并提示错误信息。需要注意的是，在登录失败时，我们通过在 URL 后面添加 `?error=1` 的方式来将错误信息传递到登录页面。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值