关于火狐浏览器checkbox选中状态刷新后无变化的问题

最新推荐文章于 2022-09-14 01:00:00 发布
最新推荐文章于 2022-09-14 01:00:00 发布
阅读量905 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： 兼容性问题 web前端取经路上
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ljw_Josie/article/details/73457340
本文介绍如何通过在HTML表单中添加autocomplete=off属性来禁用浏览器默认的记忆表单数据功能。但存在一个bug：若用户选择记住密码，则该设置将失效。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

新版本浏览器的表单数据默认记忆的功能 可以通过在form表单中添加autocomplete="off"属性 。

如此设置以后会有一个bug 就是比如你表单是一个登录表单，在设置了autocomplete="off" 后点击登录

会弹出 ‘是否记住密码’ 这样类似的提示 如果点击是的话 那么账号密码仍然会被记忆autocomplete="off"将会无效。

Python Selenium 与 Pyppeteer 使用示例
医然
07-08 1323
0.基本：from selenium import webdriverdriver=webdriver.Firefox() #获得火狐浏览器对象，IE:.Ie(),谷歌:.Chrome()driver.get('http://www.baidu.com') #向浏览器发送网址driver.find_element_by_id('kw').send_keys('hello') #输入driver.f...
Vue + elementUI使用中总结，包括踩坑（更新中）
是日前端
11-11 2780
<el-table-column prop="reportName" label="报告名称"> <template slot-scope="scope"> <el-input v-model="scope.row.reportName" @blur="confirmData" clearable></el-input> </tem
Bug:firefox下checkbox刷新后仍选中
qq_41818857的博客
02-13 367
火狐下，当我们勾选复选框后，重新刷新页面，勾选的复选框仍处于选中状态。 <input type="checkbox" value="音乐">音乐 <input type="checkbox" value="绘画">绘画 <input type="checkbox" value="跳舞">跳舞 解决办法：给input复选框添加autocomplete=“o...
jquery设置checkbox为checked状态不改变的解决办法
Jinx
06-10 9950
使用jQuery设置checkbox为选择状态时，我们通常会使用$(this).attr("checked", true); //或者 $(this).attr("checked", checked);但是当你的jquery版本大于1.6的时候，这种只能生效一次，后面你只会看到checkbox的checked属性会增加checked但是现实的状态是没有打钩的。这种情况下你就不能使用(this).at
checkbox 选中和取消切换没效果
一叶知春秋
07-25 4870
如果你引入的JQuery是1.6+的版本那么这个方法应该合适你： 例如： html页面如下： 你爱好的运动是？全选/全不选 足球 篮球 羽毛球 $("#CheckedAll").click(function () { if ($(this).is(":
火狐浏览器刷新之后表单会保留上一次选择项兼容性问题解决方案
phpstory的博客
09-14 311
页面上的数据仍然是上一次表单中的数据，其实是很火狐浏览器的兼容性造成的。在进行项目开发中，发现一些筛选条件，上一次选中后，刷新页面仍然存在。只需要加上 autocomplete=“off” 就可以了。
antd-mobile Checkbox 数据变化后勾选状态未变化
Akukudeteng的博客
07-12 1040
代码： <List renderHeader={() => '药水信息'}> {this.state.ProductData.map(i => ( <CheckboxItem key={i.value} onChange={(e) => this.onChangeCheck(i.value)}> {i
web前端面试题(一)
weixin_30835923的博客
10-28 2599
1 选择题 1.1 默认情况下，使用P标记会形成什么效果（） A.在文字P所在位置中加入8个空格 B.P后面的文字会变成粗体 C.开始新的一行 D.P后面的文字会变成斜体 答案： C 1.2 META元素的作用是什么（） A.META元素用于表达HTML文档的格式 B.META元素用于指定相关HTML文档的信息 C.META元素用于实现本页的自动刷新 D....
最全面、最详细web前端面试题及答案总结
热门推荐
HanXiaoXi_yeal的博客
02-01 3万+
2021最全面、最详细web前端面试题及答案总结 总结不易，希望可以帮助到即将面试或还在学习中的web前端小伙伴，祝面试顺利，拿高薪！ 本章是HTML考点的⾮重难点，因此我们采⽤简略回答的⽅式进⾏撰写，所以不会有太多详细的解释。我们约定，每个问题后我们标记『✨ 』的为⾼频⾯试题 doctype的作⽤是什么？✨ DOCTYPE是html5标准⽹⻚声明，且必须声明在HTML⽂档的第⼀⾏。来告知浏览器的解析器⽤什么⽂档标准解析这个 ⽂档，不同的渲染模式会影响到浏览器对于 CSS 代码甚⾄ JavaScript
Python自动化测试笔记
yu506591069的博客
07-05 2876
自动化入门 主流自动化测试框架有哪些： web网页自动化：selenium + 编程语言 + 测试矿建 app自动化：appium + 编程语言 + 测试框架 接口自动化 ：编程语言 + http库 + 测试框架 web网页/ app/接口自动化 ：RobotFramework web自动化测试 1.web网页 2.在游览器中访问网页 3.通过浏览器与web网页进行交互（操作页面，输入输出） 目标：让代码代替人工完成与互联网浏览器的交互 web自动化-环境安装 安装浏览器-Google,firefox
解决el-checkbox选中状态更改问题
chen_cm的博客
11-25 2万+
解决el-checkbox选中状态更改问题！ 填坑、填坑、填坑！
checkbox选中后刷新页面选中状态不清空
chimeidian9400的博客
06-10 3375
$(function () { var dv = document.getElementById('test'), cbs = dv.getElementsByTagName('input'); dv.onclick = function (e) { e ...
关于checkbox/radio选中不选中HTML不变化
wuxhyou的专栏
09-24 3647
问题：在页面中，有checkbox和radio，当你从选中状态发生改变时，它们的HTML不变化； 解决：这个问题很让人头疼和不解，最后没有办法 ，我只能用js来改变html的内容，也就是改变控件的checked的值，最终影响Html，实在是没有办法，看到这篇文章的人如果有更好的办法请分享一下
firefox的checkbox选中后按f5刷新或者点上面刷新图标后checkbox还是选中的，只有在地址栏按enter才会消失，解决办法
finalfantasy
08-07 516
autocomplete="off"  这个配置在from上或者你的checkbox上
Firefox和IE的JS兼容性：关于checkbox初始化选中
grueclan的专栏
01-08 3148
首先，我们通过js创建一个checkbox：var checkBox = document.createElement("input");checkBox.type = "checkbox";然后通过如下设置其选中：checkBox.checked = true;// 或者是checkBox.setAttribute("checked", true);这段代码在fi
快速提示：页面重新加载后，保持复选框选中状态
05-25 1687
这个快速技巧介绍了如何让你的浏览器记住复选框的状态，一旦一个页面被刷新，或在用户浏览远离您的网站回来在稍后的日期。 如果，例如，你可以使用复选框让你的用户设置站点特定的偏好，比如在新窗口中打开外部链接或隐藏某些页面元素这可能是坚持复选框选中状态很有用。 对于你们之中的不耐烦了，有技术的演示在文章的结尾。 该复选框标记 所以，我们需要的第一件事是一些复选框。 下面是一些我早些时候： &l...
保持 checkbox 选中状态不被修改
netingcn
06-25 1万+
对于input type为text时，可以用readonly属性来控制让它的内容不能被修改，然而checkbox则没有这个属性，此时可以通过javascript来达到这个目的，只需要在checkbox 的onclick事件方法上加上 return false; 这样的javascript代码即可，这样就不能修改checkbox的状态了。如
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值