PDA

View Full Version : Help Creating Forms


shineboy
11-07-2005, 09:51 PM
My main question is how do you create a form that spans several pages and yet still retains the info so that when you reach the last page and click the submit button, all the information (including previouse pages) gets sent to a specific e-mail. One page makes sense just not sure about multiple pages. BTW I'm using Dreamweaver MX.

Also is there a good Tutorial that you can suggest for form creation?

ps. Do I need to use a CGI script and is there one you would suggest?

becky gelke
11-08-2005, 01:53 AM
This seems to be a topic everyone and his dog need the answer to. Does anyone know of a site with a start to finish "how to" on forms, or does anyone fancy doing a quick tutorial on this site..........she said whistfully, more in hope than expectation. :D

Creative Insanity
11-08-2005, 05:05 AM
What would be the purpose of have a forum with multipul pages when if can just be on one and scroll down like a survey type thing.

davidj
11-08-2005, 07:57 AM
you need a scripting language like PHP (im sure cgi would handle it but i have had very little exposure)

you can have multipage forms but you have to pass the data from the first page to the second to the third to the forth etc This will take a bit of scripting and you need to understand what language you are using.

I have build an application for a client which uses a massive form. It was too much to just place it on one page so i cheated.. I called the massive form into an IFRAME on the front page of the app. i spaced the form elements into groups and navigated to each group of form elements using anchors which would scroll to the Appropriate form group. This gave the impression to the user that the page was changing...

hope you understand what i just said because im confused myself now :huh:

Creative Insanity
11-08-2005, 03:40 PM
Brilliant idea dj. I cheat like that often also. LOL

Creative Insanity
11-09-2005, 09:08 PM
and if you are still stuck there here ya go :)

Main index Page
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>many forums the cheats way.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<div align="center">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><div align="center">Many forms the cheats way (DJ's way LOL) </div></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><div align="center">
<iframe src="form.html" scrolling="no" width="400" height="300" frameborder="0"></iframe>
</div></td>
</tr>
</table>
</div>
</body>
</html>

The Form Page
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table width="100%" border="0">
<tr>
<td><form name="form1" method="post" action="formmail.cgi">
<div align="center">Fake page one <br>
</div>
<table width="19%" border="0" align="center">
<tr>
<td width="29%">Feild 1 </td>
<td width="71%"><input type="text" name="textfield"></td>
</tr>
<tr>
<td>Feild 2 </td>
<td><input type="text" name="textfield2"></td>
</tr>
<tr>
<td>Feild 3 </td>
<td><input type="text" name="textfield3"></td>
</tr>
<tr>
<td>Feild 4 </td>
<td><input type="text" name="textfield4"></td>
</tr>
</table>
<div align="center"><a href="#page2">Next</a><br>
<br>
<br>
<br>
<br>
<br>
<br>
<a name="page2"></a>Fake page 2<br>
<table width="19%" border="0" align="center">
<tr>
<td width="29%">Feild 1 </td>
<td width="71%"><input type="text" name="textfield5"></td>
</tr>
<tr>
<td>Feild 2 </td>
<td><input type="text" name="textfield22"></td>
</tr>
<tr>
<td>Feild 3 </td>
<td><input type="text" name="textfield32"></td>
</tr>
<tr>
<td>Feild 4 </td>
<td><input type="text" name="textfield322"></td>
</tr>
</table>
<a href="#page3">Next
</a><br>
<br>
<br>
<br>
<br>
<br>
<a name="page3"></a>Fake page 3 <br>
<table width="19%" border="0" align="center">
<!--DWLayoutTable-->
<tr>
<td width="62">Feild 1 </td>
<td width="160"><input type="text" name="textfield6"></td>
</tr>
<tr>
<td>Feild 2 </td>
<td><input type="text" name="textfield23"></td>
</tr>
<tr>
<td>Feild 3 </td>
<td><input type="text" name="textfield33"></td>
</tr>
<tr>
<td>Feild 4 </td>
<td><input type="text" name="textfield43"></td>
</tr>
<tr>
<td height="26" colspan="2" valign="top"><div align="center">
<input type="submit" name="Submit" value="Submit">
</div></td>
</tr>
</table>
<p><br>
</p>
</div>
</form></td>
</tr>
</table>
</body>
</html>