F5刷新表单页不能清空缓存

当我F5刷新表单页时，无法清空input框中的值。那是因为多数浏览器默认会缓存input的值，只能通过Ctrl+F5进行强制刷新餐能清空缓存记录。那有没有办法直接通过按F5进行清空呢？办法是有的。

不让浏览器缓存input的值的2种方法：

方法一：
在不想使用缓存的input中添加 autocomplete=”off”;

<input type="text" autocomplete="off" name="test" />

方法二：
在 input 所在的form标签中添加 autocomplete=”off”;

<form action="#" autocomplete="off"><input type="text" autocomplete="off" name="test" />
</form>

好处：

这样做的好处还有让input表单输入框不记录输入过的信息。input文本输入框会记录下之前提交表单的信息，之后每次只要双击 input文本输入框就会出现之前输入的文本，现在则不会暴露用户的隐藏数据。

F5刷新表单页不能清空缓存相关推荐

JEPaas代码_((列表，表单）刷新列表||刷新表单数据
JEPaas代码----刷新列表以下功能都是通过"按钮"添加脚本来实现 //刷新列表var func=JE.getFunc('KH_YHLXR');//得到功能对象var gri ...
UI设计灵感|信息录入表单页，告别枯燥！
大家所说的『表单』.这种页面通常需要用户输入并提交数据,例如:注册网站时输入个人资料.录入客户信息等,都属于录入式页面. 告别千篇一律的枯燥表达格式,平日多浏览欣赏一些优秀的案例,给我们提供一些参考, ...
移动端通用元件库+app通用元件库+数据展示+操作反馈+通用模板+数据录入+列表页+表单页+详情页+通用版布局+移动端手机模板+业务组件+反馈组件+展示组件+表单组件+导航组件
移动端通用元件库+app通用元件库+数据展示+操作反馈+通用模板+数据录入+列表页+表单页+详情页+通用版布局+移动端手机模板+业务组件+反馈组件+展示组件+表单组件+导航组件原型展示及下载地址:h ...
Axure通用web端元件库rplib文件格式+移动端app通用元件库rplib文件格式+电脑端动态可视化图表元件库+数据展示+操作反馈+通用模板+数据录入+列表页+表单页+详情页+通用版布局
作品介绍:Axure通用web端元件库rplib文件格式+移动端app通用元件库rplib文件格式+电脑端动态可视化图表元件库+数据展示+操作反馈+通用模板+数据录入+列表页+表单页+详情页+通用版布 ...
写出一个美观的表单页
如何写出一个美观的表单页前言最近做项目总能遇到各种各样,千奇百怪的需求.用bootstrap等ui框架不能满足客户需求.只能开动自己脑筋,自己写一些样式. 如何调整input样式(包括placeh ...
【HTML】form表单重置、清空方法记录
form表单重置.清空方法记录 myform 是 form 的 id 属性值调用 reset()方法 function fomrReset() {document.getElementById(&q ...
php提交后清楚表单缓存,PHP提交表单后如何控制缓存 | 学步园
在开发过程中,经常会出现表单出错而返回页面的时候填写的信息全部丢失的情况,为了支持页面回跳,可以通过以下两种方法实现. 1．使用header头设置缓存控制头Cache-control. PHP代码 h ...
PHP jQuery Ajax 无刷新表单提交实例
采用 PHP 为后台,前端使用强大的 jQuery 库,可以很快写一个无刷新的表单实例. 整个过程分为两部分,一部分是 HTML 和 JS 文件,另一部分是 PHP 代码,返回服务器的响应. HTML ...
html表单页脚,HTML 表格
HTML 表格实例: First Name Last Name Points Jill Smith 50 Eve Jackson 94 John Doe 80 Adam Johnson 67 HTML ...

F5刷新表单页不能清空缓存

F5刷新表单页不能清空缓存相关推荐

最新文章

热门文章