首页 > 代码库 > 表单保存和预览功能

表单保存和预览功能

  有的时候,我们的表单,除了保存(submit)的功能还需要预览的功能,我们要如何实现呢

  分析:预览功能,即仅仅获取表单内容,而又不做[保存]处理,将预览的内容在弹框或者新页面展示。

下面的介绍的方法是在新页面预览:

  1、form表单有个属性target,和a标签一样。我们可以设置target="_blank"来实现在新页面展示获取到的表单的内容。

  2、在表单中增加一条提交类型的input,在action中,我们可以通过类型value来判断该次提交时保存还是预览。

 

  当我们点击[保存]时,将表单target属性删除,将类型设置为[save],当我们点击[预览]时,将表单target赋值_blank,将类型值设置为[preview]。

  

 

表单保存和预览功能