Software, your way.
burger menu icon
WillMaster

WillMasterBlog > HTML

FREE! Coding tips, tricks, and treasures.

Possibilities weekly ezine

Get the weekly email website developers read:

 

Your email address

name@example.com
YES! Send Possibilities every week!

Form Answers Confirmation Page with Master Form V4

Master Form V4 makes it easy to present a confirmation page with all the answers the form user provided. The user can then click a button to confirm the answers.

The technique makes use of the multi-page forms feature.

As an example, let's suppose your form asks for a name and an email address. Let's further suppose the field names are "name" and "email".

In the original form, have 2 hidden fields something like this (should have no name="redirect" here):

<input 
   type="hidden" 
   name="flowto" 
   value="http://example.com/confirmation.html">
<!-- replace above value with URL of confirmation template page -->
<input 
   type="hidden" 
   name="nocarry" 
   value="flowto">

The confirmation.html template page is actually the last of a multi-page form that, in addition to putting previous form answers into hidden fields, also visually presents the answers for the user.

Here is an example template for the confirmation page:

<body>
<html>

<form method="POST" action="/cgi-bin/MasterFormV4.cgi">


<!-- above creates hidden fields of all field values 
     from previous form page, except those specified in 
     the name="nocarry" field. -->
     
<input 
   type="hidden" 
   name="redirect" 
   value="http://example.com/thankyou.html">
<!-- replace above value with URL of "thank you" page -->

<p>
Here are the answers you provided on the previous form:
</p>
<p>
Your name: [[name]]
</p>
<p>
Your email address: [[email]]
</p>

<p align="center">
<input 
   type="submit" 
   value="Everything is correct!">
</p>
<p align="right">
<input 
   type="button" 
   value="Make a correction"
   onclick="history.go(-1)">
</p>

</form>

</body>
</html>

As a special technique, the first form page might send you an email with the answers provided on the first page of the form, so you'll at least have something should the form user neglect to click the confirmation button.

Will Bontrager

Was this blog post helpful to you?
(anonymous form)

Support This Website

Some of our support is from people like you who see the value of all that's offered for FREE at this website.

"Yes, let me contribute."

Amount (USD):

Tap to Choose
Contribution
Method


All information in WillMaster Blog articles is presented AS-IS.

We only suggest and recommend what we believe is of value. As remuneration for the time and research involved to provide quality links, we generally use affiliate links when we can. Whenever we link to something not our own, you should assume they are affiliate links or that we benefit in some way.

Recent Articles in the Library

Extracting Dates From the Unix Timestamp

The UNIX timestamp can be used to determine the represented time for any time zone on Earth.

Submit Form Data Without Bothering User

To silently and effectively submit a form on a web page, Ajax with FormData() can be used.

CSS Dots

CSS dots can be used for interactions between web page and website user.

Email Testing

One thing to test when email doesn't get sent or doesn't arrive is whether the server actuall sends email.

Tap to Select

Find out how to make a link or button to select the content in a div or other HTML element.

Capitalizing the First Letter of Words

Here, find both PHP code and JavaScript code to capitalize the first letter of a word.

Fixed-position Table Header

During a vertical scroll, the table header scrolls out of view -- unless the header is fixed in position.

How Can We Help You? balloons
How Can We Help You?
bullet Custom Programming
bullet Ready-Made Software
bullet Technical Support
bullet Possibilities Newsletter
bullet Website "How-To" Info
bullet Useful Information List

© 1998-2001 William and Mari Bontrager
© 2001-2011 Bontrager Connection, LLC
© 2011-2024 Will Bontrager Software LLC