`
hudeyong926
  • 浏览: 2031564 次
  • 来自: 武汉
社区版块
存档分类
最新评论

后退时保存表单状态

阅读更多

比如,填写注册表单以后提交,程序提示有×××错误,需要改动某值,这时后退以后发现密码项填写的值没了,只好重新输入,很不方便。

text

<META NAME="save" CONTENT="history">
<form method=post action=sss>
<input style="behavior:url(#default#savehistory)" type=text>
<input type=submit>
</from>

 TEXTAREA

<HTML>
<HEAD>
<META content=history name=save>
<STYLE>
.saveHistory {behavior:url(#default#savehistory);}
</STYLE>
</HEAD>
<BODY> 加了历史保留功能:<BR>
<!--<TEXTAREA class=saveHistory></TEXTAREA> -->
<TEXTAREA style="behavior:url(#default#savehistory)"></TEXTAREA>
<BR>没有加的:
<BR><TEXTAREA></TEXTAREA>
<P><INPUT onclick='javascript:location.href="http://www.google.com"' type=button value=点击进入,再按后退键试试?> </P>
</BODY>
</HTML> 

  在声明<META NAME="save" CONTENT="history"> 之后,该文档表单项的历史记录默认不被保存。即文档的URL发生改变之后,再后退回原文档时文档中所有的表单项会被清空。
    但这样往往有些麻烦,有时我们反而希望保存一些历史数据,如用户名,这时我们可用IE的内置行为savehistory来达到我们选择性保存信息的要求。
    在上面的例子中,名为t1的文本框使用了savehistory行为,而t2没有。我们在两个文本框中随便打几个字,然后点击连接转到别的文档。
    点一下浏览器上的“后退”,看,是什么结果。

方法二取消禁用页面缓存
<meta  http-equiv="Cache-Control"   CONTENT="private,must-revalidate"> 
session_cache_limiter('private,must-revalidate');

 

分享到:
评论

相关推荐

    php后退一页表单内容保存实现方法

    然而,单纯使用session并不足以解决表单数据在后退时丢失的问题,因为浏览器可能会缓存表单页面,导致用户返回时看到的是未提交时的状态。 为了解决这个问题,我们需要设置HTTP头部的`Cache-control`字段。`Cache-...

    delphi7 类似IE的前进后退功能 (VCL组件).

    3. **实现后退功能**:当用户点击后退按钮时,检查历史记录栈是否为空,如果不为空,则弹出栈顶的记录,更新界面状态以匹配记录中的信息。 4. **实现前进功能**:同理,当用户点击前进按钮时,如果栈中还有前一步的...

    CSS3分步注册表单 CSS3分步注册表单代码下载.zip

    此外,为了保存用户在各个步骤的输入,可以使用`sessionStorage`或`localStorage`,这样即使用户离开页面,再次返回时仍能恢复之前填写的信息。 最后,为了实现更高级的功能,如表单数据的异步提交,我们可以使用...

    js实现的修改绑定手机号码表单流程特效源码.zip

    JavaScript可以管理这些步骤间的导航,如通过按钮控制前进和后退,保存每个步骤的状态,并在所有步骤完成后提交表单数据。 此外,这个项目可能还包含了AJAX技术,用于无刷新地与服务器进行通信。当用户完成手机号码...

    网页特效 多步骤表单内容提交ui特效.zip

    1. **数据持久化**:在用户切换步骤时,应保存已填写的信息,以防数据丢失。 2. **错误提示**:在用户填写错误时提供即时反馈,指导他们修正问题。 3. **表单验证**:实施客户端验证,减少服务器端的压力,并提供更...

    jQuery表单步骤流程导航.zip

    当用户返回时,可以根据存储的状态恢复到之前的位置。 10. **响应式设计**:现代网页需要适应各种屏幕尺寸,因此表单步骤导航应具备响应式布局,确保在手机、平板和桌面设备上都能良好运行。jQuery配合媒体查询...

    J2EE框架-重复提交、重复刷新、防止后退的问题以及处理方式

    - 利用`window.location.replace()`替换当前URL,防止浏览器历史记录中保存该页面,减少用户通过刷新或后退按钮重复提交的可能。 - 设置表单提交后的提示信息,告知用户操作已完成,避免再次点击。 - **防止后退...

    multi_step_form_react:使用本地存储React多步骤表单

    5. **LocalStorage**:在多步骤表单中,使用LocalStorage可以保存用户在每一步填写的信息,防止数据丢失,并在用户前进和后退时恢复表单的状态。当用户在表单的不同步骤之间切换时,可以将当前步骤的数据序列化存储...

    解决Vue 浏览器后退无法触发beforeRouteLeave的问题

    在Vue.js应用中,`beforeRouteLeave`是一个重要的导航守卫,它允许我们在离开当前路由之前执行某些操作,比如确认表单数据是否已保存、清理资源等。然而,当用户通过浏览器的后退按钮返回时,有时这个守卫可能不会被...

    text_back.zip_back

    开发者可能利用JavaScript或者某种前端框架(如jQuery)来实现这一功能,通过监听用户的操作,记录表单状态并在需要时恢复。在实际开发中,这样的脚本可能用于提高用户在填写表单时的效率,减少因为误操作而造成的...

    手机端form按步骤滑动填写

    3. **状态保存**:系统自动保存每个步骤中的输入数据,即使用户离开当前步骤,之前填写的信息也不会丢失。这提高了用户体验,因为他们不必担心误操作导致的重复工作。 4. **视觉引导**:每个步骤的开始和结束通常有...

    PyPI 官网下载 | collective.z3cform.wizard-1.1.zip

    其中,`collective.z3cform.wizard`模块是核心,它定义了向导表单的实现逻辑,包括如何定义步骤、如何管理用户在各步骤间的导航,以及如何保存和恢复表单状态。 1. **向导表单的创建**: 在`collective.z3cform....

    Asp.net刷新重复提交

    在ASP.NET web应用程序中,"刷新重复提交"是一个常见的问题,它发生在用户点击浏览器的刷新按钮或者使用前进/后退导航时。这可能导致数据的不一致性和错误,因为服务器可能会收到相同请求的多次处理,而这些请求原本...

    前端项目-jquery.dirtyforms.zip

    通过实时监测表单状态、自定义警告提示以及灵活的配置和扩展,这个插件能为任何使用 jQuery 的表单应用提供额外的安全保障。在实际项目中,结合适当的前端框架和设计模式,`jQuery.dirtyforms` 可以进一步提升用户...

    js 禁用浏览器的后退功能的简单方法

    - 存储和恢复用户状态:在表单填写过程中,定期保存用户输入,即使他们离开页面也能恢复。 总的来说,禁用浏览器的后退功能应该谨慎处理,因为它可能破坏用户的习惯性和预期行为。通常,提供清晰的导航提示和保护...

    MaterialBootstrapWizard基于MaterialDesign的Bootstrap向导

    3. **前进/后退按钮** - 用户可以方便地在步骤之间切换,系统会自动保存和恢复每个步骤的状态。 4. **自定义事件** - 开发者可以利用提供的事件(如`onStepChanged`、`onFinished`等)来实现特定逻辑,如数据验证或...

    jquery.formwizard-3.0.5

    4. **数据持久化**:在用户切换表单步骤时,插件会自动保存已输入的数据,避免用户重复输入,增强了交互体验。 5. **验证集成**:可以集成其他表单验证库,如 jQuery Validation Plugin,以在用户提交表单之前检查...

    Vue 页面状态保持页面间数据传输的一种方法(推荐)

    但是,这两种方法在某些场景下,比如页面后退时,可能不足以满足对页面状态保持的需求。为此,本文推荐使用vue-viewplus库中的参数栈模块params-stack.js。该模块为Vue实例提供了一个`$vp`属性,并提供一系列API来...

    marionette.warlock:Marionette 表单的简单事件驱动向导对象

    向导对象可以跟踪当前步骤,处理前进和后退操作,以及在步骤之间保存和传递数据。 在实现上,Marionette.Warlock 可能包括以下关键组件: 1. **Step(步骤)**: 表单的每个步骤是一个单独的模块,包含了与该步骤...

Global site tag (gtag.js) - Google Analytics