Simple Forms

Below is a simple form....

<FORM METHOD=POST ACTION="http://www.dansie.net/cgi-bin/scripts/cart.pl">

<B>
Black Leather purse with leather straps<BR>
Price: $20.00<BR>
</B>

<INPUT TYPE=HIDDEN NAME=name     VALUE="Black Leather Purse">
<INPUT TYPE=HIDDEN NAME=price    VALUE="20.00">
<INPUT TYPE=HIDDEN NAME=sh       VALUE="1">
<INPUT TYPE=HIDDEN NAME=img      VALUE="purse.jpg">
<INPUT TYPE=HIDDEN NAME=return   VALUE="http://www.dansie.net/demo.html">
<INPUT TYPE=HIDDEN NAME=custom1  VALUE="Black Leather purse with leather straps">

<INPUT TYPE=SUBMIT NAME="add" VALUE="Put in Shopping Cart">
</FORM>

This form looks like this...

How to create this form without having to know HTML or edit your html.

	First, enable the "forms toolbar" to be seen in your Frontpage Editor. Click on View, the select "Forms Toolbar" You should now see the "Forms Toolbar" at the top of your Frontpage Editor.
	Click on the far right "button" on the forms toolbar.

What appears next is this:

Double click on the button to pull up this screen:

Change attributes to match this screen:

What you should see now is this:

Now the fun part begins! ( above was the hard part! )

Place your mouse cursor just behind or inside the dashed lines.

Next right click inside the form to bring up this menu:

Go to the "Form Properties" as highlighted in the image above. Click to bring up this menu:

The form is defaulted to "write" to a file on your server. Toggle the "Send to other" as seen below:

Next click on the "Options..." button on the right to bring up this menu:

Where it says "Action" replace what is written above with the location of your cart.pl.

( If you do not know, either ask Craig Dansie, or ask your webmaster.)

For those hosted at Stormer Web Design:
http://ssl.securesites.com/cart.pl

Once that is typed in, Click on the Ok button. This will bring you back to your original Screen.

Click on the "Advanced" button at the bottom to bring up this screen:

What we are going to do now is add all the "hidden" form feild elements that control what the html form does!

What we have done so far is tell the form "where" to go. We haven't told it what to "do" yet. Here is the heart of the html form and the Dansie Shopping Cart!

Click on the "Add..." button, upper right. To bring up this screen:

We are going to recreate the form that is at the very top of the page. Enter in this information as seen below:

Click on OK.   Do this exact same procedure for the following lines:

Name: price     Value: 20.00
Name: sh          Value: 1
Name: img        Value: purse.jpg
Name: return     Value: http://www.dansie.net
Name: custom1 Value: Black Leather purse with leather straps

If you are using a "Mall Version" cart input this as well:

Name: merchant Value: YourMerchantName

After you have added all those items, you will see the box filled with what you added looking like this:

Click OK, then Click OK again. Thats it! Go ahead and save your work and test it out!

Preview the page with either IE or NS and click on the button that your just created!

You are ready for the ADVANCED FORMS SECTION.