表单保存和预览功能

Posted 2020-08-12 甜甜圈儿

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

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

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

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

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

 

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