input在html页面中自动填充用户名或者密码的问题（例如使用时间选择器时）

最新推荐文章于 2024-06-26 12:04:23 发布
最新推荐文章于 2024-06-26 12:04:23 发布
阅读量5k 收藏 1
点赞数 1
分类专栏： 默认事件 文章标签： input自动填充用户名
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38387487/article/details/82497651
版权

本来我的页面就是一个elementUI 的一个时间日期选择器，在谷歌中正常显示，但是在火狐中 ，时间插件里竟然出现了用户名，哭笑不得，后来经过度娘寻找解决办法就是，在这个时间插件前边写上一个input，注意要有name属性和ID  将style设为none

<input name="password" id="Endtime" style="display:none"/>

 

 

老毕姥爷
关注
专栏目录
html页面自动登录,抓取网页时自动登录和自动输入验证码
weixin_39913141的博客
05-31 1277
集搜客GooSeeker网页抓取软件可以与在线打码平台对接，如果抓取的网站要求输入验证码，那么就把验证码转发给在线打码平台，GooSeeker将打码平台给回的结果自动录入到网页上，完成打码过程。集搜客GooSeeker V5.1.0版本支持如下功能与联众打码平台对接，请用户自行在联众打码平台上开户和充值打码只用于登录过程，如果是在抓取过程中出现验证码，请联系我们。如果需要对接其它打码平台，请联系我...
form表单禁止浏览器自动填充密码
IT博客技术分享
07-12 1768
form表单禁止浏览器自动填充密码
html自动识别密码,HTML登录表单：提供用户名,自动填写密码
weixin_39775127的博客
05-30 439
这种行为通常由浏览器定义.但是,您可以采取一些措施来改善此行为.确保为表单使用描述性名称UsernamePassword使用这些名称可以真正发挥作用.我例如使用Opera浏览器,在我的设置中,我设置了一些值.例如“姓名”,“地址”,“电话号码”.歌剧将寻找具有相同名称的字段,我可以让Opera为我填写.接下来的两件事只在Internet Explorer中得到支持,我不会在没有考虑的情况下使用建议...
浏览器自动填充登录用户名和密码,如何清除
最新发布
qq_43071699的博客
06-26 669
即使对于非密码字段也是如此，因为某些浏览器可能对常见的字段名有所识别并尝试自动填充。），并在获得焦点时移除只读属性，这可以阻止某些浏览器的自动填充功能。// 可能还需要在某些情况下重新聚焦，以确保输入框获得焦点。初始时设置输入框为只读（
html 密码填充,input 密码自动填充问题
weixin_32871457的博客
06-19 1028
今天被一个小小的前端密码属性弄的头疼，现代的浏览器在你登录后会让你保存账号和密码，然后下次使用时可以非常方便帮你自动填充好账号和密码，对用户来说的确很方便，但是有时候开发人员不希望自动填充密码，而且自动填充对有的浏览器识别会出现问题，比如登录后其他页面的input如果有有password属性就会被填充，但明明就不是一个地方的密码......下面说正题，input标签设置 type="passwo...
html运用(三) html如何禁止(表单)用户名、密码自动填充
热门推荐
babyZeng
09-12 2万+
html登录表单经常被自动填充，有的甚至用户从来没有登录过的网站也会有自动填充，甚是让人讨厌。 Mozilla developer documentation 建议使用表单设置属性 tautocomplete=”off” 来阻止浏览器从cache获取数据填充登录表单。 但是这种方案不兼容某些Chrome、Firefox。 最终决定使用使用隐藏input来接受浏览器自动填充
html 记住密码 自动登陆,JQuery记住用户名密码实现下次自动登录功能
weixin_42366447的博客
05-31 229
test cookie$(document).ready(function () {if ($.cookie("rmbUser") == "true") {$("#ck_rmbUser").attr("checked", true);$("#txt_username").val($.cookie("username"));$("#txt_password").val($.cookie("passw...
html自动填充密码width 0,解决浏览器会自动填充密码的问题
weixin_42377742的博客
05-31 302
解决办法是在form上或input上添加autoComplete="off"这个属性。form表单的属性如下所示：但是这个解决方案在谷歌和火狐上均有bug,下面来一个一个解决。1.'autocomplete="off"'在Chrome中不起作用解决方案网站项目中，有登录和注册的弹框，在除chrome的浏览器中一切都ok，一旦在谷歌浏览器中，问题来了：首先从登录弹框中登陆成功，chrome会弹出是否...
通过h5代码写法取消chorme密码自动填充
youand_me的博客
01-26 8905
禁用谷歌浏览器的密码自动填充、通过h5代码写法来取消chorme密码自动填充
chrome浏览器当表单自动填充时如何去除浏览器自动添加的默认样式
09-03
在使用Chrome浏览器时，用户可能会遇到一个问题，即在表单输入时，浏览器会自动填充之前保存的用户名和密码，同时还会附带一些默认的样式，这可能与网站自身的设计风格不符。本文将介绍如何去除Chrome浏览器自动填充...
chrome自动填充表单.rar
05-16
Chrome自动填充表单功能是谷歌浏览器提供的一项便捷服务，它能够帮助用户在填写网页表单时节省时间。这项功能通过存储用户的姓名、地址、电子邮件、电话号码等个人信息，当遇到相同的表单字段时，可以自动填充之前...
html文本框input表单输入框默认提示信息插件，获得焦点自动清空默认值，失去焦点对比确认默认值
12-02
本插件是为输入用户名的提示信息而写的 功能虽然简单但对于做开发的人来说每次写这几行代码也实属繁琐 所以我就把这几行代码写成了jquery的插件以求以后用起来更加便捷 简单说明： 1 可以自动默认提示信息 若不设置则默认值为：用户名 邮箱 2 当input获得焦点时 input的值会被自动清除；当input失去焦点时 会判断输入值与默认值是否一致 如果一致（或空）则再次显示默认提示信息 若不一致（已输入信息）则input值为所输入值 3 此插件是jquery插件 调用方式为 $ "#xxx" autoTip ; 并可以指定input获得焦点和失去焦点的CSS样式 以下为参数说明 + 参数 @input 入参 json对象 @ dvalue input表单提示默认值 @ tip 默认提示信息样式名class @ tipnone 在指定的input执行click时替换的样式名class + 使用方法: $ "#xxx" autotip ; @ #xxx 为需要提示的input的id">本插件是为输入用户名的提示信息而写的 功能虽然简单但对于做开发的人来说每次写这几行代码也实属繁琐 所以我就把这几行代码写成了jquery的插件以求以后用起来更加便捷 简单说明： 1 可以自动默认提示信息 若不设 [更多]
解决浏览器保存密码自动填充问题
weixin_43818482的博客
01-15 718
解决浏览器保存密码自动填充问题 问题描述 话说有一天，我如往常一样打开我的开发网站进行登录操作。浏览器很平常的在我们进行登录操作之后询问我是否需要记住密码，懒惰如我点击了记住密码。一切都很正常的进行着，没有什么异常发生。然而，问题就出现了。当我打开一个新建用户的操作，里面的输入框自动将我的用户名和密码默认填写进去了，然后触发了内置的校验规则 在我确认过在打开编辑框的时候已经输入框的数据重置之后...
html5 输入账户自动填充密码实现_沈阳社保查询个人账户
weixin_42657024的博客
12-02 376
沈阳社保查询个人账户有四种查询方式，分别为网上社保查询、电话社保查询、终端社保查询和线下各区县社保中心窗口找工作人员查询。接下来掌心社保通小编将详细为大家讲解沈阳社保查询的四种方法，具体如下所示：一、网上社保查询1、点击文章下方的“阅读原文”直接进入沈阳社保查询页面。2、点击“信息查询”。如下图所示3、点击“社会保险信息查询”，如下图所示：4、点击“个人办事大厅”如下图所示：此页面链接为...
如何在html中加入账户系统,添加管理员用户.html
weixin_36241447的博客
06-03 537
bootstrap.navbar{background: #0c82bc;}ul,li{padding-left: 10px;margin-top: 9px;list-style: none;}.input-group{margin:10px;}.glyphicon {position: relative;top: 1px;display: inline-block;font-family: 'G...
html自动登录脚本,登录界面的脚本(输入用户名和密码的)
weixin_35719260的博客
05-31 3036
求一个登录界面的脚本(输入用户名和密码的)如下所示：用户名：编辑框密码：编辑框要求显示在屏幕正中间，最好还支持背景图片。分享到：------解决方案--------------------引用:如下所示：用户名：编辑框密码：编辑框要求显示在屏幕正中间，最好还支持背景图片。usename:pass:------解决方案--------------------引用:如下所示：用户名：...
前端如何解决浏览器自动填充input输入框账号密码的问题
migexiaoliang的博客
04-14 1万+
问题描述 【登录】子用户登录页面自动填充位置错误，本来主账号的账号密码，等切换到子账号登录页的时候，自动填充到了子账号的位置。 解决方案 <input auto-complete="new-password" autocomplete="new-password" v-model="childUserName" placeholder="IAM用户名" @focus="clearErrorInfo('childUserName')
解决浏览器自动填充账号密码行为
weixin_43623808的博客
11-05 5295
这东西真的不是程序员的问题，但是没办法提出来了就必须解决。 首先为什么会出现这种情况 用户在登录网站时，登陆成功后浏览器会显示是否保存密码，有一个保存和一律不的选项。 点击保存，浏览器会记住用户登陆时输入用户名的input标签中属性type和name的值，同时也记住输入密码的input标签中属性type和name的值。（只在点击登陆的网站有用） 因此下次登陆后会在同网站中相同属性的input框中填...
阻止input弹出历史密码提示
weixin_51679573的博客
02-11 1029
阻止input弹出历史密码提示
使用微信开发小程序设计一个小程序用户登录界面，在界面上输入用户名、密码，还布局有登录按钮和选择保存密码，当选择了保存密码，点击登录后就可以保存用户名和密码，下次运行时用户名与密码就会自动填入。当保存密码成功时，在调试器Console面板输出保存成功提示信息。
05-25
好的，让我们一步一步来实现这个小程序用户登录界面。 首先，在微信开发者工具中创建一个新的小程序项目，选择“空白项目”。 然后在项目根目录下创建一个名为“pages”的文件夹，然后在“pages”文件夹下创建一个名为“login”的文件夹，并在该文件夹下创建以下文件： 1. login.js 2. login.wxml 3. login.wxss 在login.wxml文件中编写以下代码： ```html <view class="container"> <view class="input-group"> <text>用户名：</text> <input type="text" placeholder="请输入用户名" value="{{username}}" bindinput="bindUsernameInput" /> </view> <view class="input-group"> <text>密码：</text> <input type="password" placeholder="请输入密码" value="{{password}}" bindinput="bindPasswordInput" /> </view> <view class="input-group"> <text>保存密码：</text> <switch checked="{{savePassword}}" bindchange="bindSavePasswordChange"></switch> </view> <button class="login-btn" bindtap="login">登录</button> </view> ``` 在login.wxss文件中编写以下代码： ```css .container { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; } .input-group { display: flex; flex-direction: row; align-items: center; margin-bottom: 20rpx; } .input-group text { margin-right: 10rpx; } .login-btn { margin-top: 30rpx; background-color: #007aff; color: #fff; width: 200rpx; height: 60rpx; border-radius: 30rpx; display: flex; justify-content: center; align-items: center; } ``` 在login.js文件中编写以下代码： ```javascript Page({ data: { username: '', password: '', savePassword: false }, onLoad: function () { // 从本地存储中获取保存的用户名和密码 let username = wx.getStorageSync('username'); let password = wx.getStorageSync('password'); if (username) { this.setData({ username: username, password: password, savePassword: true }); } }, bindUsernameInput: function (e) { this.setData({ username: e.detail.value }); }, bindPasswordInput: function (e) { this.setData({ password: e.detail.value }); }, bindSavePasswordChange: function (e) { this.setData({ savePassword: e.detail.value }); }, login: function () { // 如果选择了保存密码，将用户名和密码保存到本地存储中 if (this.data.savePassword) { wx.setStorageSync('username', this.data.username); wx.setStorageSync('password', this.data.password); console.log('保存成功'); } else { wx.removeStorageSync('username'); wx.removeStorageSync('password'); } // TODO: 进行登录操作 } }) ``` 以上代码实现了以下功能： 1. 当页面加载时，从本地存储中获取保存的用户名和密码并填充到输入框中； 2. 当输入框内容发生变化时，将对应的值保存到页面数据中； 3. 当保存密码选项被勾选或取消勾选时，将对应的值保存到页面数据中； 4. 当登录按钮被点击时，根据是否勾选保存密码选项，将用户名和密码保存到本地存储中或从本地存储中删除。 现在我们可以在微信开发者工具中预览该页面，输入用户名和密码，勾选保存密码选项，点击登录按钮，就可以在调试器Console面板中看到保存成功提示信息了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值