HTML - Form Confirmation
Hello,
I have created my form and used CSS to dress it up. Now what I am looking for is when the Submit button is clicked, a type of confirmation appears, a "thank you" or something instead of having the confirmation occur in another page. I'm not certain if that makes sense, but appreciate any feed back or advice on how to do this. Thank you! Similar TutorialsHey Okay the problem i have is- I am creating a T-shirt Printing website using Site Builder. I am making a T-shirt Builder so people can pick and choose wahat color shirt what text etc. So there is a page with all these options, then on the next page is a page that requires the customers personal details such as delivery name email etc. I want to make a confirmation page letting the customer know what they are ordering, where its going and how they are paying. Is it possible to make a confirmation page displaying this information? AND Is it possible to have some sort of calculator on the page so it adds up each item they click on then gives them a total? Thanks hope you can help me if you want to check out my website so far...with any suggestions www.casual-tees.net Thanks Hi I have created a form that allows a person to visit my website, create an account, and on confirmation, be able to post comments and upload photos . All this needs to be automated, sanitized and safe of course! my thoughts were to a) form collects and sanitizers user details (done) b) stores details in a temp database table c) sets a 2 day cookie on users machine c) sends email via FormMail.PL to donotreply@blahblah.com d) donotreply@blahblah.com auto emails return address with standard link (not sure how to do a dynamic reply) to confirm.php e) confirm.php checks to see if cookie is set, if not return error and clear temp table, if is set, add details to guest table, create userpassword and set a 2 year cookie with there userrname and password so they dont have to always sign in on return. does this sound like a good way to do it? many thanks script completed, thx Hi all, I have a simple newsletter form, so just the email field and a submit, what I would like to do is to send this data to a larger subscriber form, so one that has name, email (with the data previously entered already added), list to subscribe to etc. Can this be done? Thanks I have a form with a number of elements. One of these elements is: <input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-butcc-subscribe.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!"> Clicking on that element makes the form submit. But if I add a similar element: <input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-butcc-subscribe.gif" border="0" name="submit2" alt="Make payments with PayPal - it's fast, free and secure!"> ...clicking on that also makes the form submit. So was wondering if anyone knew what the rules were for which elements make a form submit? Cheers, James I have a simple signup form on my site that I want to pass the input to the larger signup form. Here is the code for the simple form: <form action="http://bigdogcattle.com/?a=Cattle_Mailing-List_SignUp" method="post" accept-charset="UTF-8"> The larger signup form is located he http://bigdogcattle.com/?a=Cattle_Mailing-List_SignUp I want the email address from the simple form to move to the larger form when the submit button is pressed. Ideas? HTML Code: <form method="post" action="mailto:xxxxxxxx@xx.com "> <table class="text3"> <tr><td valign="top" width="140">Voornaam:</td><td><input name="requiredvoornaam" type="text" id="requiredvoornaam" class="veld" size="30" /></td></tr> <tr><td valign="top" width="140">Achternaam:</td><td><input name="requiredachternaam" type="text" id="requiredachternaam" class="veld" size="30" /></td></tr> <tr><td valign="top">E-mail:</td><td><input name="requiredemail" type="text" id="requiredemail" class="veld" size="30" /></td></tr> <tr><td valign="top">Telefoonnummer:</td><td><input name="requiredtelefoonnummer" type="text" id="requiredtelefoonnummer" class="veld" size="30" /></td></tr> <tr><td valign="top">Adres:</td><td><input name="requiredadres" type="text" id="requiredadres" class="veld" size="30" /></td></tr> <tr><td valign="top">Woonplaats:</td><td><input name="requiredwoonplaats" type="text" id="requiredwoonplaats" class="veld" size="30" /></td></tr> <tr><td valign="top">Aankomstdatum:</td><td><select name="adag" id="adag"> <option value="Dag">Dag</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> <select name="amaand" id="amaand"> <option value="Maand">Maand</option> <option value="Januari">Januari</option> <option value="Februari">Februari</option> <option value="Maart">Maart</option> <option value="April">April</option> <option value="Mei">Mei</option> <option value="Juni">Juni</option> <option value="Juli">Juli</option> <option value="Augustus">Augustus</option> <option value="September">September</option> <option value="Oktober">Oktober</option> <option value="November">November</option> <option value="December">December</option> </select> <select name="ajaar" id="ajaar"> <option value="Jaar">Jaar</option> <option value="2008">2008</option> <option value="2009">2009</option> <option value="2010">2010</option> </select> </td></tr> <tr><td valign="top">Vertrekdatum:</td><td><select name="vdag" id="vdag"> <option value="Dag">Dag</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> <select name="vmaand" id="vmaand"> <option value="Maand">Maand</option> <option value="Januari">Januari</option> <option value="Februari">Februari</option> <option value="Maart">Maart</option> <option value="April">April</option> <option value="Mei">Mei</option> <option value="Juni">Juni</option> <option value="Juli">Juli</option> <option value="Augustus">Augustus</option> <option value="September">September</option> <option value="Oktober">Oktober</option> <option value="November">November</option> <option value="December">December</option> </select> <select name="vjaar" id="vjaar"> <option value="Jaar">Jaar</option> <option value="2008">2008</option> <option value="2009">2009</option> <option value="2010">2010</option> </select> </td></tr> <tr><td valign="top">Welke huisje:</td><td><select name="huisje" id="huisje"> <option value="1">.____Huisje Zomerbries_____.</option> <option value="2">.____Huisje Wervelwind_____.</option> <option value="3">.____Huisje Tornado________.</option> </select> <tr><td valign="top">Aantal personen:</td><td><select name="aantal personen" id="aantal personen"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> </select> <tr><td valign="top">Overige vragen:</td><td><textarea name="bericht" rows="6" cols="23" id="bericht" class="area"></textarea></td></tr> <tr><td valign="top"></td><td><input type="submit" name="sendFormButton" value="Verzenden" id="sendFormButton" /></td> </tr> </table> </form> </td></tr></table> This is what i get once tested... its out of order... Help me plz...... Im not good with those thingz.. Hi, I have a tricky problem that you kind people might be able to solve. I want to put one set of forms inside another set of forms without them interfering with each other. At the moment, the form I've created inside the other form is not responding. The code, when simplified, looks something like this: <FORM (1)> <FORM (2)> </FORM> </FORM> Am I trying to do the impossible or is there a way to overcome this problem? Thanks! / Stefan Hi guy, I tried to do some googling before i come to here. the problem is that i don't know what are the name or keyword for this, therefore i cannot find any relevant result. Let's say, i have many same html with different file name file filled with tables that i dont' want users to open and use it. Can i create another separate forms using html to fill in the blanks on the table cell maybe after i click submit button? Or it's easier to use VB to write a program and do the job? Please help. So i want to Post and Get in the same form for reasons of keeping the URL looking clean. I need to pass a PHP array through to the next page, and I don't want random gibberish in the URL. So, I can just Post this, but this is for a search page, and it would be nice to Get their search query for the reasons of the advantage of Get over Post, and because it looks better in my opinion. Anyways. The thing I am posting takes no user input, and it is defined in the beginning of the page. The thing I want to Get is user defined in a textbox. So, I need the method of the Form to be Get, but is it possible to also Post something? Thanks, If i wasn't clear i'm sorry and i'll try to explain it better. I have created a form with multiple different buttons, the first button is required to open a pop up box to show a list of people who live in a certain postcode. HTML Code: <div id="form"> <form name="f1" method="post"/> <p> ID: <br/> <input name="ID" type="text" value="Leave Blank" /> </p> <p> Name: <br/> <input name="Name" type="text" /> </p> <p> Address: <br/> <input name="Address" type="text" /> </p> <p> Postcode:<br/> <input name="Postcode" type="text" /> <input type='submit' value='Check' onclick="popup('popUpDiv')" /> <p><a href="#" onclick="popup('popUpDiv')">Find Person</a></p> </p> <p> Telephone: <br/> <input name="Telephone" type="text" /> </p> <p> Mobile: <br/> <input name="Mobile" type="text" /> </p> <p> AltTelephone: <br/> <input name="AltTelephone" type="text" /> </p> <p> Email: <br/> <input name="Email" type="text" /> </p> <p> Date: <br/> <input name="Date" type="text" /> </p> <p>Notes: <br/> <input name="Notes" type="text" /> </p> <p> CompanyNotes: <br/> <input name="CompanyNotes" type="text" /> </p> <p> Payment: <br/> <input name="Payment" type="text" value="Leave Blank for 0" /> </p> <p> <input type="submit" Value='Book' onclick="f1.action='insert.php'; return true " /> <!--<div id="wheel"><a href="instructorSearch.php"onClick="return popup(this, 'notes')"><img id="mainLogo" src="im/wheel.png" alt="Driving School Logo" /></a></div> !--> </p> <p><input type="submit" Value='Enquire' onclick="f1.action='insertEnquire.php'; return true " /> </form> The first button on the code works but the pop up only displays for a split second, the hyperlink underneath the button opens the pop up for good but cannot get the variable from the form.... Hey all, first post! I'm looking to do a change in my website. I want the radio buttons just changed to a button. For example, my code looks like this: <form action="action.php?page=attack" method="post"> <input type="radio" name="what" value="1" checked> <input type="radio" name="what" value="2"> <input type="radio" name="what" value="3"> <input type="radio" name="what" value="4"> <input type="submit" value="Attack" /> </form> So what I want is to replace each radio button with a submit button which does the same functionality as if you select the radio button then press the "Attack" button. Thanks all. Forms are not my strong suite. I am getting an error message that I can't figure out. Here is the error The requested method POST is not allowed for the URL /register.htm. and here is the form code. Code: <form name="individual_registration" action="" method="post"> <table style="width: 500px; margin: 0px auto; text-align: left;"> <tr> <td colspan="2"><h2>PLAYER INFORMATION</h2></td> </tr> <tr> <td style="width: 200px; text-align: right;"><strong>First Name</strong>:</td> <td align="left"><input type="text" id="first_name" name="first_name" /></td> </tr> <tr> <td style="width: 200px; text-align: right;"><strong>Last Name</strong>:</td> <td align="left"><input type="text" id="last_name" name="last_name" /></td> </tr> <tr> <td style="width: 200px; text-align: right;"><strong>City</strong>:</td> <td align="left"><input type="text" id="city" name="city" /></td> </tr> <tr> <td style="width: 200px; text-align: right;"><strong>Zip Code</strong>:</td> <td align="left"><input type="text" id="zip" name="zip" /></td> </tr> <tr> <td style="width: 200px; text-align: right;"><strong>Email</strong>:</td> <td align="left"><input type="text" id="email" name="email" maxlength="50" /></td> </tr> <tr> <td style="width: 200px; text-align: right;"><strong>Home Phone</strong>:</td> <td align="left"><input type="text" id="home_phone" name="home_phone" maxlength="50" /></td> </tr> <tr> <td style="width: 200px; text-align: right;"><strong>Birth Date</strong>:</td> <td align="left"><script>DateInput('birthdate', true, 'YYYY-MM-DD')</script></td> </tr> <tr> <td style="width: 200px; text-align: right;"><strong>Gender</strong>:</td> <td align="left"><select id="gender" name="gender"> <option value="" selected>Choose <option value="F">F <option value="M">M </select></td> </tr> <tr> <td style="width: 200px; text-align: right;"><strong>Grade</strong>:</td> <td align="left"><select id="grade" name="grade"> <option value="" selected>Choose <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 </select></td> </tr> <tr> <td style="width: 200px; text-align: right;"><strong>School</strong>:</td> <td align="left"><input type="text" id="school" name="school" /></td> </tr> <tr> <td> </td> </tr> <tr> <td colspan="2"><h2>PARENT / GUARDIAN</h2></td> </tr> <tr> <td style="width: 200px; text-align: right;"><strong>First Name</strong>:</td> <td align="left"><input type="text" id="guardian_first_name" name="guardian_first_name" /></td> </tr> <tr> <td style="width: 200px; text-align: right;"><strong>Last Name</strong>:</td> <td align="left"><input type="text" id="guardian_last_name" name="guardian_last_name" /></td> </tr> <tr> <td style="width: 200px; text-align: right;"><strong>Email</strong>:</td> <td align="left"><input type="text" id="guardian_email" name="guardian_email" maxlength="50" /></td> </tr> <tr> <td style="width: 200px; text-align: right;"><strong>Home Phone</strong>:</td> <td align="left"><input type="text" id="guardian_home_phone" name="guardian_home_phone" maxlength="50" /></td> </tr> <tr> <td style="width: 200px; text-align: right;"><strong>Work Phone</strong>:</td> <td align="left"><input type="text" id="guardian_work_phone" name="guardian_work_phone" maxlength="50" /></td> </tr> <tr> <td style="width: 200px; text-align: right;"><strong>Cell Phone</strong>:</td> <td align="left"><input type="text" id="guardian_cell_phone" name="guardian_cell_phone" maxlength="50" /></td> </tr> <tr> <td> </td> </tr> <tr> <td colspan="2"><h2>MEDICAL / EMERGENCY CONTACT INFORMATION</h2></td> </tr> <tr> <td style="width: 200px; text-align: right;"><strong>Emergency Contact</strong>:</td> <td align="left"><input type="text" id="emergency_contact_name" name="emergency_contact_name" /></td> </tr> <tr> <td style="width: 200px; text-align: right;"><strong>Phone</strong>:</td> <td align="left"><input type="text" id="emergency_contact_phone" name="emergency_contact_phone" /></td> </tr> <tr> <td style="width: 200px; text-align: right;"><strong>Relationship to Runner</strong>:</td> <td align="left"><input type="text" id="emergency_contact_relationship" name="emergency_contact_relationship" /></td> </tr> <tr> <td> </td> </tr> <tr> <td colspan="2"><h2>EVENT INFORMATION</h2></td> </tr> <tr> <td style="width: 200px; text-align: right;"><strong>T-Shirt Size</strong>:</td> <td align="left"> Adult <select id="t_shirt_size" name="t_shirt_size"> <option value="" selected>Choose <option value="S">SMALL <option value="M">MEDIUM <option value="L">LARGE <option value="XL">X-LARGE </select></td> </tr> <tr> <td> </td> </tr> <tr> <td colspan="2"><h2>WAIVER INFORMATION</h2></td> </tr> <tr> <td colspan="2"><p style="text-align: left"> <strong>Middle School Athletic Association</strong> <br> <strong>Middle School State Cross Country</strong> <p> In consideration of being permitted to participate in any way with the Middle School State Cross Country Championship the undersigned: </p> <strong>I understand and have read the above</strong>: <input type="checkbox" id="confirm" name="confirm" value="Y"> Yes </p></td> </tr> <tr> <td> </td> </tr> <tr> <td colspan="2" align="center"><input type="submit" value="Continue" id="submit" name="submit" onClick="return validate(this.form.name)"></td> </tr> </table> </form> Any help I can get is much appreciated. Okay, i'm working on a form, and i'm using the "mailto" action with post method rather than having the submissions sent to a server for processing, but for some reason, every time the submit button is pressed, instead of sending from the browser, it opens up thunderbird (or any other random mail viewer/composer) with the info already in the compose box. Why is it doing this? Help please. Menth I need to make my form submit the data like a receipt, so basically when I click the submit button the data that has been entered from the form is displayed on another page. Not sure how to do this... Thanks So I have been asked to make a form (something I never usually do) as part of a project. I have whipped up some code and wonder if anyone could take a look at it.. Code: <div> <form action="https://www.secpay.com/java-bin/ValCard" method="post"> <p> <label for="firstname">First Name: </label> <input id="firstname" type="text" /><br /> <label for="lastname">Last Name: </label> <input id="lastname" type="text" /><br /> <label for="account">Account Number: </label> <input id="account" type="text" /><br /> <label for="housenumber">House Number/Name: </label> <input id="housenumber" type="text" /><br /> <label for="postcode">Postcode: </label> <input id="postcode" type="text" /><br /> <label for="email">Email: </label> <input id="email" type="text" /><br /> <label for="trans_id">Invoice Number(s): </label> <input id="trans_id" type="text" /><br /> <label for="amount">Amount Paying: </label> <input id="amount" type="text" /><br /> <label for="notes">Notes: </label> <input id="notes" type="text" /><br /> <input name="callback" value="/authorised;/declined" type="hidden" /> <input name="merchant" value="value01" type="hidden" /> <input name="trans_id" value=trans_id type="hidden"> <input name="amount" value=amount type="hidden"> <input name="digest" value="" type="hidden"> <input name="bill_email" value=email type="hidden"> <input name="req_cv2" value="true" type="hidden"> <input name="options" value="test_status=true" type="hidden"> <input value="Send" type="submit" /> <input type="reset" />*</p> </form></div> Before it sends I am looking to transfer amount and email values into the hidden values. For the digest value I need to combine the data entered into one variable. E.g. First name and lastname and invoice number into one variable "digest" So would this be something like Code: <input name="digest" value=(firstname + lastname + invoice) type="hidden"> Can someone help me out? Cheers I created a form in DW. Within the form is an excel document. I added a column with text areas for customers to put in the amount of items they would like to order, name and phone number. There is no calculating involved. I would just like the form emailed to me. I receive the email but it's empty. No form data received with it. Any suggestions? I could really use your help and it's greatly appreciated. I am creating a form that will list the status of 36 pieces of equipment with a brief explanation of the status. I'm currently thinking of dividing this into three columns of 12 with a check box to signify the piece of equipment has a status problem and a text box to type a short description of the problem. Is there a better way? Any help is appreciated. i have a big problem, i am trying to make this form for my website, and it doesnt work. what is wrong with it? ----------------------------------------------------------------------------------- <head> <meta http-equiv="Content-Language" content="en-us"> </head> <form method="POST" action="--WEBBOT-SELF--"> <!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" B-Reverse-Chronology="FALSE" S-Email-Format="TEXT/PRE" S-Email-Address="sk8kid359@yahoo.com" B-Email-Label-Fields="TRUE" S-Builtin-Fields U-Confirmation-Url="www.myspace.com" --> <p><input type="text" name="T1" size="20"></p> <p><input type="text" name="T2" size="20"></p> <p><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p> </form> ----------------------------------------------------------------------------------- |