Section 69. Modify Your Form for FormBuddy | Sams Teach Yourself Creating Web Pages All in One

69. Modify Your Form for FormBuddy

BEFORE YOU BEGIN

6 About Proper HTML Coding

68 Set Up FormBuddy

SEE ALSO

48 Use the HTML Views

With FormBuddy ready and you all registered, you need to enter that information into the markup for the form that you are building so that it works when it is uploaded.

Copy the FormBuddy Code

Go back to the FormBuddy home page and click on the Instructions link on the right side of the page.

Find the Your Form Must Start with the Following Lines of Code section. Select the lines of code below the section and copy them.

FormBuddy uses the three hidden input tags to keep track of your data and to send it back to you, so it has to be entered exactly as it is here with your username and your URL entered in the appropriate places.

Paste the FormBuddy Code

In your form page in Composer , find the beginning <FORM> tag and highlight it. Then paste the text from the FormBuddy page that you just copied .

The body of your code should look something like this (the highlighted code is the portion that you pasted from FormBuddy ):

 <body> <h1>Wine Online - Three great wines available for you today</h1>  <form action="http://www.formbuddy.com/cgi-bin/form.pl" method="post">   <input type="hidden" name="username" value="USERNAME">   <input type="hidden" name="reqd" value="1,2,3,4">   <input type="hidden" name="url" value="URL">  Order here<br> <img alt="" src="cabernetfranc-small.gif" style="width: 100px; height: 73px;"> Cabernet Franc <input name="CabFrancQty" type="text"><br> <img alt="" src="sauvignonblanc-small.gif" style="width: 100px; height: 78px;"> Sauvignon Blanc <input name="SauvBlancQty" type="text"><br> <img alt="" src="stoneplacecuvee-small.gif" style="width: 100px; height: 73px;"> Stone Place Cuvee <input name="StPlcCvQty" type="text"><br> <textarea name="NameAddress"></textarea><input name="Submit" value="Submit" type="submit"></form> </body>

69. Modify Your Form for FormBuddy

Customize the FormBuddy Code and Save the Page

In the FormBuddy code on your page, change the URL to your own URL and the username to the username you registered with FormBuddy . Be sure to save the page.

My code for FormBuddy looks like this:

 <form action="http://www.formbuddy.com/cgi-bin/form.pl" method="post"> <input type="hidden" name="username" value="  tacothechook  "> <input type="hidden" name="reqd" value="1,2,3,4"> <input type="hidden" name="url" value="  http://www.geocities.com/tacothechook  ">