Html如何使表达提交后,点回退/返回,保留表单数据?

HTML5利用约束验证API来检查表单的输入数据 HTML5利用约束验证API来检查表单的输入数据 HTML5对于表单有着极大程度的优化,无论是语义,小部件,还是数据格式的验证。我猜你肯定会以浏览器兼容作为借口不愿意使用这些“新功能”,但这绝不应该成为使你停滞不前的原因。当你真正试着使用这些表单的新功能时,我保证你会爱上它。本文想把重放在HTML5表单验证机制上。主要介绍是HTML5是如何利用约束验证API来检查表单的输入数据的。 阅读详情

Html如何使表达提交后,点回退/返回,保留表单数据?


如果a页是一个表单,提交时因某种原因转至出错页面b,如何在b中返回已填写数据的表单a(数据不变)?  

 
表单a,要保留的都使用class=saveHistory  
 
<HTML>  
 
<HEAD>  
<META  NAME="save"  CONTENT="history">  
<STYLE>  
     .saveHistory  
{behavior:url(#default#savehistory);}  
</STYLE>  
</HEAD>  
<BODY>  
<FORM  name=a>  
<INPUT  class=saveHistory  type=text  id=oPersistInput>  
</FORM>  
</BODY>  
</HTML>  


---------------------------------------------------------------  

注意: meta中必须设置 name=save  content=history
 
上面的代码确保表单a(数据不变),后退功能在出错页面b可以使用history.back()或history.go(-1)都可以实现,例如:  
<input  type=button  value=Back  onclick=history.back()>  
<input  type=button  value=Back  onclick=history.go(-1)>
 

生产级前端表单设计:语义化、验证与无障碍实践 表单是Web应用中用户意图结构化表达的核心载体,其本质远超HTML标签组合,涉及语义化标记、分层验证逻辑、实时交互反馈与无障碍可访问性等基础能力。从`<input type="email">`的原生校验优势,到`<label>`与`id`的严格绑定对屏幕阅读器的关键支撑,再到`blur`/`input`/`submit`三阶段验证时机的工程权衡,每一个细节都直接影响用户信任与转化率。现代表单需兼顾数据安全(防手滑+防重提交)、状态可溯(支持草稿与撤回)及国际化适配(RTL、占位符长度、日期格式)。本文基于真 阅读详情

相关推荐

JavaScript表单非空验证实战指南

/ 测试// "hello"// "hello"// "hi"这样才算真正意义上的“去空”。默认提示太丑还不能改样式?可以用JS干预:this.setCustomValidity('请输入有效的邮箱地址哦~');this.setCustomValidity('邮箱不能为空!');} else {// 清除错误,允许提交});配合CSS还能做出更友好的UI反馈:未来想加手机号、身份证校验怎么办?做个注册机制:if (!

weixin_42579969的博客 1077

html select 刷新后保留选中 一种处理方法

吐槽一下,百度了好多种这个方法,但发现大多数人的博客都是复制转载,或者写的不详细。我的这个答案也并非原创,来自于https://stackoverflow.com/questions/13183764/keep-selected-option-form-select-after-refresh并且自己亲自尝试过,&lt;select id="ctc" onchange="changeProgram...

GengFuming的专栏 8896

快速构建登录注册验证表单的网页模板项目

前端验证主要使用JavaScript语言来实现。随着Web技术的发展,现代JavaScript验证技术变得更加高效和灵活。常见的技术包括原生JavaScript验证、使用jQuery插件、以及框架和库提供的验证方法,例如Vue.js的VeeValidate、React的Formik或表单管理库。原生JavaScript验证依赖于原生的API,例如HTML5中的requiredpattern等属性,以及JavaScript函数。它不依赖于外部库,更轻量,适用于简单的验证需求。

weixin_36178216的博客 864

表单回填

我们在做修改的时候需要根据数据库的数据对我们页面的表单进行回填,大部分程序员都对该操作进行了封装,以便节省时间优化代码。 环境:后端:C#,数据库:Sql,前端:(页面组成:html5、Css3,脚本语言:JS,Jquery) 需求:根据提交返回的json数据表单进行回填 思路:json数据是以键对的形式存在,我们可以通过其中的键找到相应的标签,在对标签名与类型进行判断,执行不同的赋方法,以...

weixin_44540175的博客 1018

HTML中撤销表格中的各自单元格,用于网页表格的单元格的撤销方法及装置与流程...

技术特征:1.一种用于网页表格的单元格的撤销方法,其特征在于,包括:在网页中创建目标表格,其中,在所述目标表格中预先添加有对所述目标表格进行表格操作的功能,所述目标表格包括多个单元格,多个单元格包括目标单元格,所述表格操作包括对所述目标单元格的第一编辑操作;当接收到对所述目标单元格的第一编辑操作时,在所述目标单元格对应的文本输入框中将所述目标单元格中的第一目标数据编辑为第二目标数据,并将所述第一目...

weixin_35286433的博客 331

html select 刷新后保留选中

原文:https://blog.csdn.net/gengfuming/article/details/80321613 亲试可行, <select id="ctc" onchange="changeProgram()"> {% for ctc in CTCs %} <option value="{{ctc}}"...

HY845638534的博客 2556

htmlselect标签刷新后不回到默认而是保持之前选择

问题描述:在使用select标签时,当选定下拉菜单的某一个后,击搜索可以搜索出相应的结果。但是,当击下一页或者刷新页面时,select选定的条件会发生改变。<select name="status" id="status" class="select_small" > <option value="" >全部</option> <option value="1" >有效</option> <o

sinat_26172101的博客 2万+

Html表单

表单就是用来收集信息的,比如我们QQ的登录框,以及网站的登录框。QQ知乎表单可以将用户填写的信息提交的服务器。表单标签</</一个表单中可以包含多个表单项。</</</</

zhangh040629的博客 1118

html自动检测表单信息,HTML5利用约束验证API来检查表单的输入数据的代码实例

HTML5对于表单有着极大程度的优化,无论是语义,小部件,还是数据格式的验证。我猜你肯定会以浏览器兼容作为借口不愿意使用这些“新功能”,但这绝不应该成为使你停滞不前的原因,况且还有像Modernizr和ployfill这样的工具库帮助你在不支持Html5的浏览器上进行回退处理。当你真正试着使用这些表单的新功能时,我保证你会爱上它。如果说唯一的缺陷,就是提示框的样式是浏览器默认的,你无法改变,好吧,...

weixin_39773158的博客 512

html5中表单api,HTML5利用约束验证API来检查表单的输入数据的代码实例

HTML5对于表单有着极大程度的优化,无论是语义,小部件,还是数据格式的验证。我猜你肯定会以浏览器兼容作为借口不愿意使用这些“新功能”,但这绝不应该成为使你停滞不前的原因,况且还有像Modernizr和ployfill这样的工具库帮助你在不支持Html5的浏览器上进行回退处理。当你真正试着使用这些表单的新功能时,我保证你会爱上它。如果说唯一的缺陷,就是提示框的样式是浏览器默认的,你无法改变,好吧,...

weixin_31995343的博客 268

html验证表单填写数据版本号的格式,HTML5利用约束验证API来检查表单的输入数据...

HTML5利用约束验证API来检查表单的输入数据HTML5对于表单有着极大程度的优化,无论是语义,小部件,还是数据格式的验证。我猜你肯定会以浏览器兼容作为借口不愿意使用这些“新功能”,但这绝不应该成为使你停滞不前的原因,况且还有像Modernizr和ployfill这样的工具库帮助你在不支持HTML5的浏览器上进行回退处理。当你真正试着使用这些表单的新功能时,我保证你会爱上它。如果说唯一的缺陷,就...

weixin_39728124的博客 381

html约束验证的例子,HTML5利用约束验证API来检查表单的输入数据的代码实例

HTML5对于表单有着极大程度的优化,无论是语义,小部件,还是数据格式的验证。我猜你肯定会以浏览器兼容作为借口不愿意使用这些“新功能”,但这绝不应该成为使你停滞不前的原因,况且还有像Modernizr和ployfill这样的工具库帮助你在不支持Html5的浏览器上进行回退处理。当你真正试着使用这些表单的新功能时,我保证你会爱上它。如果说唯一的缺陷,就是提示框的样式是浏览器默认的,你无法改变,好吧,...

weixin_42393272的博客 199

Chatbot返回表单的实战指南:从设计到避坑

Chatbot 返回表单的实战指南:从设计到避坑适合读者:已经能独立写完 Flask/FastAPI 接口,却第一次让 Chatbot 把“填表”这件事交给用户的中级开发者。

2600_94960078的博客 297

html表单验证的概念,使用JavaScript进行即时表单验证

HTML5引入了几个新的属性来实现基于浏览器的表单验证。 pattern属性是一个正则表达式,用于定义textarea元素和大多数input类型的有效输入范围。 required属性表示是否必填字段。 对于不支持这些属性的传统浏览器,我们可以使用它们的作为polyfill的基础。 我们还可以使用它们来提供更有趣的增强 – 即时表单验证。基本概念在最新版本的Firefox中,如果required字...

weixin_42426472的博客 929

表单属性自定义_创建具有标题属性的自定义表单错误消息

表单属性自定义In previous articles I’ve shown how to set custom error messages for HTML5 forms with CSS and JavaScript. Recently Estelle Weyl demonstrated a method that seems to have gone largely unremarked ...

cungui5726的博客 144
上一篇: 在IntelliJ Idea中集成 Hibernate Xdoclet 开发
下一篇: MSN API编程例子
hunterK
博客等级 码龄23年 0粉丝 12原创
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值