`
huibin
  • 浏览: 755178 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

表单提交后,按“后退”,表单内容仍存在,清空表单解决方案

    博客分类:
  • HTML
阅读更多
在文件头部分加上:
<META NAME="save" CONTENT="history">
大家看下面这个例子:
<?xml version="1.0" encoding="GB2312"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!--以上是XHTML声明,实际应用可以不加。目的是为了规范--><head>
  <META NAME="save" CONTENT="history">
  <title> ex1 </title> 
</head>
<body>
  <input name=t1 type=text style="font-size:18" style="behavior:url(#default#savehistory)">我的信息还在
<br>
  <input name=t2 type=text style="font-size:18">我的哪去了呢??
  <p>
    <a href="/"> click here </a>
  </p>
<body>
</html>
 
在声明<META NAME="save" CONTENT="history">之后,该文档表单项的历史记录默认不被保存。即文档的URL发生改变之后,再后退回原文档时文档中所有的表单项会被清空。
    但这样往往有些麻烦,有时我们反而希望保存一些历史数据,如用户名,这时我们可用IE的内置行为savehistory来达到我们选择性保存信息的要求。
    在上面的例子中,名为t1的文本框使用了savehistory行为,而t2没有。我们在两个文本框中随便打几个字,然后点击连接转到别的文档。
    点一下浏览器上的“后退”,看,是什么结果。

MSDN上的相关信息:
http://msdn.microsoft.com/worksh ... ors/savehistory.asp
分享到:
评论

相关推荐

    清空表单标签js

    在JavaScript(简称JS)中,清空表单标签通常是网页交互中常见的操作,尤其是在用户提交数据后重置表单或者在某些动态事件触发时需要清除输入的值。本篇文章将详细探讨如何使用JavaScript来实现这一功能,以及相关...

    当用户退出点击浏览器后退仍可回到原来页面的解决方案

    解决方案1:禁用缓存,前一次使用的方法...仍旧可以后退,感觉还不如1、2,但是在前台加个onclick事件,不涉及表单提交,竟然可以,由此就到方案4 解决方案4:用ajax,在ajax页面里将session清空,然后在现在的页面加

    vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作

    在实现添加和编辑功能时,一个常见的挑战是如何在表单提交后清空数据,以便用户可以进行下一次操作,比如添加新的数据或重新编辑已存在的数据。 首先,我们需要确保父组件能够正确地向子组件传递数据。在父组件中,...

    微信小程序---提交表单后清空输入框

    最近有人问我提交表单后怎么把输入框的内容清空了。  这种方法不止一种, 1、可以用表单的重置功能。 按钮设置:   formType="reset"&gt;提交 form设置:   bindreset="formReset"&gt; 表单重置时会触发reset事件,在...

    js提交表单及js表单验证

    ### JS提交表单及JS表单验证 在Web开发中,JavaScript经常被用来增强用户体验,其中一个重要的应用领域就是表单验证。通过JavaScript进行前端验证,可以及时反馈用户输入错误,提高交互效率。本文将详细解释如何...

    防止表单重复提交

    4. 服务器接收到请求后,对比session中的token和请求中的token,一致则处理表单,处理后清空session中的token。 5. 若token不一致,说明可能是重复提交,服务器可以直接忽略此次请求。 这种方法可以有效地防止因...

    jquery实现通过按钮弹出表单

    在实际应用中,可能还需要考虑表单的关闭逻辑,例如点击外部区域关闭表单,以及在关闭时清空表单内容。 总之,jQuery提供了一种简单有效的方式来实现按钮触发弹出式表单的功能,这在Web应用中非常常见,特别是在...

    javascript下阻止表单重复提交、防刷新、防后退

    JavaScript 防止表单重复提交、防刷新、防后退解决方案 在 Web 开发中,防止表单重复提交、防刷新、防后退是非常重要的,否则可能会导致数据的不一致和安全问题。本文将介绍服务器端和客户端两种解决方案。 服务器...

    表单提交错误后返回内容消失问题的解决方法(PHP网站)

    因此,解决表单提交错误返回后填写内容消失的问题显得尤为重要。 ### 解决方法概述 1. **使用session_start()函数** 当在PHP脚本中使用`session_start()`函数时,页面会强制不刷新。由于在页面刷新时浏览器不会...

    ext 表单提交

    标题中的“ext 表单提交”指的是Ext JS框架中关于表单数据提交...但以上内容概括了Ext JS中表单提交的一般流程和关键概念。如果你需要更详细的代码示例或遇到特定问题,建议查阅Ext JS官方文档或搜索相关的开发者论坛。

    layui清空,重置表单数据的实例

    在网页开发中,经常需要处理用户输入的数据,例如在用户完成表单提交后清空表单,以便用户可以重新填写。layui 是一个流行的前端组件库,提供了丰富的UI元素和便捷的表单处理功能。本篇将详细介绍如何在layui中实现...

    JQuery.form表单提交参数详解.txt

    - 用途:提交成功后是否清空表单的值。 - 示例:`clearForm: true`。 8. **`resetForm`**(可选): - 用途:提交成功后是否重置表单的状态。 - 示例:`resetForm: true`。 9. **`timeout`**(可选): - ...

    jQuery实现form表单reset按钮重置清空表单功能

    有时候可能需要实现这样的效果:使用ajax提交表单,成功提交表单之后清空表单,如下代码: 代码如下: &lt;form&gt; &lt;input name=”name1″ /&gt; &lt;input name=”name1″ /&gt; &lt;textarea name=”...

    js提交表单及js表单验证大全

    根据提供的文件信息,我们可以总结出一系列关于JavaScript在处理表单提交及验证方面的知识点。下面将对这些知识点进行详细的解析。 ### 1. 验证文本框输入长度不超过50个字符 ```javascript function test() { if...

    Vue 一键清空表单的实现方法

    在Vue中实现表单清空的方法有多种,但核心思路是相同的,即通过操作数据来控制表单显示的内容。关键在于要确保数据的深拷贝,避免因为浅拷贝导致数据不一致的问题。 首先,需要在合适的生命周期钩子(如`created`)...

    基于element组件库封装的动态表单组件

    "基于element组件库封装的动态表单组件"就是这样一个解决方案,它针对Vue3进行了优化,旨在帮助开发者更方便地创建和管理动态表单。 动态表单是一种能够根据数据结构自动生成表单的组件,通常用于处理复杂的表单...

    js清空form表单中的内容示例

    在JavaScript中,清空表单(form)的内容是常见的需求,尤其在用户完成表单提交或者需要重置...同时,为了提高用户体验,清空表单内容后,可以考虑添加适当的反馈,比如提示信息或者视觉效果,让用户知道表单已经重置。

    一个完美的js表单验证案例

    在这个案例中,开发者可能会展示如何将上述知识点整合,创建一个既美观又实用的表单验证解决方案。通过学习这个案例,开发者不仅可以掌握JavaScript和jQuery的基本用法,还能了解到如何在实际项目中应用这些技术,...

Global site tag (gtag.js) - Google Analytics