如何刷新页面不保留上次input所选或所填的值？

最新推荐文章于 2022-01-11 11:59:58 发布
原创 最新推荐文章于 2022-01-11 11:59:58 发布 · 7.4k 阅读 · 2 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#input #input输入框
本文介绍如何使用HTML属性禁用浏览器的自动填充功能，确保表单输入框在刷新页面时能够清空并恢复到默认状态。

比如一些输入数量或日期的input框，还有就是一些单选框和一些复选框，第二次进入页面，该input输入框都会显示一个上几次所选或所填的值，但是有时候我们需要刷新的时候进行清空还原默认的操作，我们可以这样：

<input name="demo"  value=""  autocomplete="off"/>

重点就是这个属性：

autocomplete="off"
Vue2/Vue3下el-cascader三级联动全攻略：自定义节点+懒加载+数据回显
最新发布
weixin_30576827的博客
03-26 425
本文详细解析Vue2/Vue3下el-cascader组件的三级联动实现，涵盖自定义节点渲染、懒加载优化和数据回显三大核心功能。通过对比版本差异、提供实战代码示例，帮助开发者高效处理层级数据选择场景，特别适合省市区选择、组织架构等复杂表单需求。
laravel 页面刷新时保留原有输入数据的方法old
qq_27361945的博客
06-24 1046
英文官方手册：https://laravel.com/docs/5.7/requests#old-input Old Input Laravel allows you to keep input from one request during the next request. This feature is particularly useful for re-populating forms after detecting validation errors. However, if you are
关于html中，刷新页面后＜input＞输入框内容不会被刷新的问题
qq_42981122的博客
01-11 3199
<input>输入框问题
html禁止清除input文本输入缓存
weixin_30339457的博客
10-16 420
多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。 如果不想让浏览器缓存input的值，有2种方法： 方法一：在不想使用缓存的input中添加 autocomplete="off";eg: <input type="text" autocomplete="off" name="test" /> 方法二：在 input ...
Html5 本地存储 实现刷新页面数据依然存在
weixin_34034670的博客
04-30 1437
1.首先需要引入jquery 2. <body> a<input type="text" id="a"><br> b<input type="text" id="b"><br> <button onclick="test()">click</button> <button onclick="c...
js之localStorage 刷新页面后保留用户上一次输入的值
qq_33285345的博客
04-11 3381
// 移除所有 localStorage.clear(); 1.保存对象 下面的代码片段访问了当前域名下的本地Storage对象，并通过Storage.setItem()增加了一个数据项目。 该语法用于读取localStorage项，如下: let cat = localStorage.getItem('myCat'); localStorage....
刷新页面保留input所填的值_页面刷新时保留input键入值
weixin_29021291的博客
02-05 3087
转自：http://unbounder.iteye.com/blog/459183一般来说，页面刷新时不保留input键入值的需要比较多，但是也有例外，譬如咱这次就遇上需要保留input键入值。在firefox这不是问题，ie的刷新机制导致刷新页面时不会从浏览器缓存中读取，所以我们需要解决的问题也集中在ie下。询问google老师，有以下方法input{behavior:url(#default#...
页面刷新时保留input键入值
热门推荐
beidou321的专栏
01-08 1万+
刷新页面保留input所填的值,HTML - 刷新后保持输入值
weixin_33586720的博客
12-24 1418
Usually, when a refresh is made on an HTML page, the values for input fields are kept (unless you do Ctrl+F5).Is there a header or other type of setting than can change this behavior, without chaging ...
表单中数据在页面刷新后不会被清除的方法
qq_43190243的博客
11-19 4895
iview中的input表单中输入的数据刷新后不会被清除的方法 表单中的数据填写到一半刷新网页的话会清楚里面已经储存的数据，这样的体验对于用户来说很不好，此篇文章是在vue中使用了iview中input组件，通过sessionStorage这个对象来优化。 选择的是sessionStorage,选择的原因vue是单页面应用，操作都是在一个页面跳转路由，另一个原因是sessionStorage可以保证打开页面时sessionStorage的数据为空，而如果是localStorage则会读取上一次打开页面的数据
JSP、HTML中，input标签不记忆上次输入的内容
qingdatiankong的博客
02-19 8732
&lt;input class="am-fr" type="text" name="endTime" placeholder="结束时间" autocomplete="off"&gt; input标签添加属性【autocomplete="off"】即可。
input框不记住输入的值
少弋弋的专栏
09-23 1295
autocomplete="off" // input中添加这个属性
多个输入框的删除，想删哪个删哪个
qq_48964916的博客
08-04 193
点击减号删除第二个的时候，会删除第三个，将代码改为删除哪行就是哪行 代码：
页面刷新后表单里面input的元素不清空，怎么办？
weixin_43862596的博客
03-05 2645
有过表单设计经验的肯定知道，当我们在浏览器中输入表单信息的时候，往往input文本输入框会记录下之前提交表单的信息，以后每次只要双击 input文本输入框就会出现之前输入的文本，这样有时会觉得比较方便，但有时也会暴露用户的隐藏数据，所以今天就来个让input表单输入框不记录输 入过信息的方法。 只需要在input文本输入框中加一条属性autocomplete="off"即可。 input 的属性autocomplete 默认为on，其含义代表是否让浏览器自动记录之前输入的值； 很多时候，需要对客户的资料进行
【转载】html文本框(input)不保存缓存记录
不懂love的博客
10-25 1万+
html文本框(input)不保存缓存记录 有的时候js往文本框里赋值，结果在火狐中刷新后，刚才赋的值还在，导致好多麻烦的事情，现总结一下解决办法如下： 上面是一种情况，再就是有的时候一个表单提交后，再回来输入会缓存有以前的记录，像这解决办法如下：      function   fnSaveForm(){         window.external.AutoCompleteSave
vue项目在ie浏览器input输入框刷新不清空_经验 | python 操作浏览器的三种方式
weixin_39724469的博客
11-22 1294
第一种：selenium导入浏览器驱动，用get方法打开浏览器，例如：import timefrom selenium import webdriverdef mac(): # browser = webdriver.Chrome() # browser = webdriver.Firefox() browser = webdriver.Ie() browser.implicitly_wait(5...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值