HTML - Submit, Email, Thank You & Redirest
I have tried to NOT use php and the code now is:
Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Contact us</title> <!-- define some style elements--> <style> h1 { font-family : Arial, Helvetica, sans-serif; font-size : 16px; font-weight : bold; } label,a { font-family : Arial, Helvetica, sans-serif; font-size : 12px; } .style1 { text-align: center; } .style2 { font-family: Arial, Helvetica, sans-serif; font-size: 20pt; } .style3 { text-align: center; font-size: 48pt; } .style4 { text-align: center; font-size: 28pt; } .style5 { font-size: 20pt; } </style> <!-- a helper script for vaidating the form--> <script language="JavaScript" src="scripts/gen_validatorv31.js" type="text/javascript"></script> </head> <body style="background-image: url('Background.jpg')"> <h1 class="style1"> </h1> <h1 class="style3">Brandenburg Auto Clinic</h1> <h1 class="style4">Contact us</h1> <form method="POST" name="contactform" action="contact-form-handler.php"> <div class="style1"> <p class="style1"> <label for='name' class="style5">Name:</label> <br class="style5"> <input type="text" name="name" style="width: 280px" class="style5"><span class="style5"> </span> </p> <p class="style1"> <span class="style2">Street Address</span><br class="style5"> <input type="text" name="address" style="width: 280px" class="style5"><span class="style5"> </span> </p> <p class="style1"> <span class="style2">City</span><br class="style5"> <input type="text" name="city" style="width: 280px" class="style5"><span class="style5"> </span> </p> <p class="style1"> <span class="style2">State</span><br class="style5"> <input type="text" name="state" style="width: 280px" class="style5"><span class="style5"> </span> </p> <p class="style1"> <span class="style2">Zip Code</span><br class="style5"> <input type="text" name="state" style="width: 280px" class="style5"><span class="style5"> </span> </p> <p class="style1"> <span class="style2">Home/Work Telephone</span><br class="style5"> <input type="text" name="phone" style="width: 280px" class="style5"><span class="style5"> </span> </p> <p class="style1"> <span class="style2">Cell Telephone</span><br class="style5"> <input type="text" name="cell" style="width: 280px" class="style5"><span class="style5"> </span> </p> <p class="style1"> <span class="style2">eMail Address</span><br class="style5"> <input type="text" name="email" style="width: 280px" class="style5"><span class="style5"> </span> </p> <p class="style1"> <label for='name' class="style5">Year/Make of Vehicle</label> <br class="style5"> <input type="text" name="tear&make" style="width: 280px" class="style5"><span class="style5"> </span> </p> <p class="style1"> <span class="style2">Service Needed</span><br class="style5"> <input type="text" name="needed" style="width: 450px" class="style5"><span class="style5"> </span> </p> <p class="style1"> <span class="style2">Preferred Date & Time</span><br class="style5"> <input type="text" name="date&time" style="width: 280px" class="style5"> <br class="style5"> </p> <p class="style1"> <span class="style2">Comments</span><br> <textarea name="message" style="width: 306px; height: 197px"></textarea> </p> <input type="submit" value="Submit" name="Submit"> <input type="reset" value="Reset"><br> </div> </form> </body> </html> If we can get the data into an eMail message when "Submit" is clicked, as well as send a "Thank you" to the user then redirect to the home page I will be more than happy. Similar TutorialsI have the following code <p style="text-align: left;"><font size="4"><span style="font-weight: bold;"><font size="2"><u><em><select name="Rating"><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></select><br></em></u></font></span></font></p> <p style="text-align: left;"><font size="4"><span style="font-weight: bold;"><font size="2"></font><input value="Submit" name="naf ds" type="submit"><br></span></font></p> which created a menu with 5 options and then creates a submit button. See where i used it at http://groundzerostudios.googlepages.com/wip ( I am using google pages) Now i need it so when A person selects submit it saves the value some how and displays the amount of ratings and average rate, all this with google pages. Is this possible?. If the above is not possible at least tell me how I could automatically email it to GroundZeroStudios@gmail.com, also I do not want the same IP address to be able to submit it more than once a month, if that is not possible, than the same IP address can only ever vote once. Thanks a lot Hi I made an online application for people to fill out if they want to work with us. I went to w3schools and tried to figure it out. Im a complete noob at this kind of stuff and im not sure why its now working i have double checked it and it is similar to the example i read on their site.. Please help me, I just want it the form to get send to my email. Thank you here is the code i had to split it in 2 posts because it was too long.. sorry <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title><style type="text/css"> <!-- .style1 {font-size: 18px} --> </style></head> <body> <form action="customerservice@gbcmain.com" method="post" enctype="text/plain"> <label>First Name <input type="text" name="firstname" id="firstname" /> </label> <label>Last Name <input type="text" name="lastname" id="lastname" /> </label> <label>SSN <input type="text" name="ssn" id="ssn" /> </label> <p> <label>ADDRESS <input type="text" name="address" id="address" /> </label> <label>City <input type="text" name="city" id="city" /> </label> <label>State <select name="state" id="state"> <option selected="selected">Select One</option> <option>Alabama</option> <option>Alaska</option> <option>Arizona</option> <option>Arkansas</option> <option>California</option> <option>Colorado</option> <option>Connecticut</option> <option>Delaware</option> <option>Florida</option> <option>Georgia</option> <option>Hawaii</option> <option>Idaho</option> <option>Illinois</option> <option>Indiana</option> <option>Iowa</option> <option>Kansas</option> <option>Kentucky</option> <option>Louisiana</option> <option>Maine</option> <option>Maryland</option> <option>Massachusetts</option> <option>Michigan</option> <option>Minnesota</option> <option>Mississippi</option> <option>Missouri</option> <option>Montana</option> <option>Nebraska</option> <option>Nevada</option> <option>New Hampshire</option> <option>New Jersey</option> <option>New Mexico</option> <option>New York</option> <option>North Carolia</option> <option>North Dakota</option> <option>Ohio</option> <option>Oklahoma</option> <option>Oregon</option> <option>Pennsylvania</option> <option>Rhode Island</option> <option>South Carolina</option> <option>South Dakota</option> <option>Tennessee</option> <option>Texas</option> <option>Utah</option> <option>Vermont</option> <option>Virginia</option> <option>Washington</option> <option>West Virginia </option> <option>Wisconsin</option> <option>Wyoming</option> <option>Other</option> </select> </label> </p> <p> <label>Zip <input type="text" name="zip" id="zip" /> </label> </p> <p>Are you 18 years or older? <label> <input type="radio" name="radio" id="yes18" value="yes18" /> Yes</label> <label> <input type="radio" name="radio" id="no18" value="no18" /> No</label> </p> Dear experts, I want to have a simple form in my website whereby user can give comments etc. I would like to ask if my code is correct or not. <form id="comment-form" action="mailto: contact@blahblahblah.com"/> <input type="button" value="Submit" id="submit"/> I'm not sure if the submit part syntax is it correcet whereby user when they press the button, the form details will go into my email address. Hope someone can advise me. Many thanks. Hi, I am trying to create a form where potential customers can register themselves for updates/newsletters on my site. So far I've just created a separate page because I want to know that it works before linking it up to my frontpage or putting it there somewhere. The form itself wasn't difficult to make, however I'm having some problems when I press the submit button. I'm not sure whether this is to do with the code I'm using or with my internet/Outlook settings and I'm having difficulty finding a solution. I know that a lot of people are using php for forms but I really don't know much about that - even though I have it on my site. (I actually paid someone to do that though.) I'm hoping that there might be simple html solution as I'm not even sure how to create a php page in my control panel. (I use Joomla for my administrator generally but most of the templates for my pages are still only in the front end and I only change the static content pages or modules.) I'm not sure whether this makes any sense The link to my form is: http://www.thejemsite.com/index.php?...&id=52&Itemid= If anyone can give me an idea of what I should do to make this work I would really appreciate it. I'm trying to build up a decent customer contact list and I think this is really the only way I'm going to be able to get the word out...at least without inadvertently spamming people Jenny Hi guys, I have made a website, and it has a text box that I want people to type their email address in, and I have a regular link next to it that says "submit" (not a button or anything). Basically I want the email address that they have entered to be emailed to me when they click the submit link. My hosting is currently just free-hosting at awardspace - is this possible to do there? If not - generally how can I make it work? Thank you for any replies posted :-) how can i submit this form to my email can any1 one edit it and fix it for me please thank you make sure it works iv tried but it don't work cuz i cnt name the form Code: <script> function validate() { var at=document.getElementById("email").value.indexOf("@" && ".") var age=document.getElementById("age").value var fname=document.getElementById("fname").value var lname=document.getElementById("lname").value var address=document.getElementById("address").value var header=document.getElementById("header").value var footer=document.getElementById("footer").value submitOK="true" if (fname.length<2) { alert("Please Enter Your Name") submitOK="false" } if (fname.length>12) { alert("Please Enter Your Name") submitOK="false" } if (lname.length<2) { alert("Please Enter Your Last Name") submitOK="false" } if (lname.length>12) { alert("Please Enter Your Last Name") submitOK="false" } if (isNaN(age)||age<18||age>100) { alert("You have to be over 18 to place a online Order") submitOK="false" } if (address.length<25) { alert("Please Enter a valid Address in the Following Format\n\n House/Flat Number\n\n Name of Road/Street\n\n Post Code\n\n Town and the City") submitOK="false" } if (at==-1) { alert("Please Retype Your Email, The Email you Entered is not Valid") submitOK="false" } if (header.length<3) { alert("Please Enter Your Area Phone Code") submitOK="false" } if (footer.length<8) { alert("Please Enter Your Phone Number") submitOK="false" } if (submitOK=="false") { return false } function shaz() { alert("Are You Sure you want to Reset the Whole Page") } } </script> <body> <BODY BACKGROUND="http://img452.imageshack.us/img452/9413/wallpaperox6.jpg" BGCOLOR="white" TEXT="blue" > <center><IMG SRC="contact.gif"> </center> <form action="choice.html" onsubmit="return validate()"> Name (Max 9 chararcters): <input type="text" id="fname" size="20"><br /> <p> Last Name (Max 9 chararcters): <input type="text" id="lname" size="20"><br /> <p> Age (Over 18's Only ): <input type="text" id="age" size="20"><br /> <p> Address:<br><textarea id="address" cols="40" rows="5" ></textarea> <p> E-mail: <input type="text" id="email" size="20"><br /> <p> Primary telephone: (*<input type="text" id="header" size="2" maxlength="4">) <input type="text" id="footer" size="7" maxlength="8"> <p> Card Type: <select id="cardtype" onchange='alert("You Have selected "+ cardtype.value)'><br> <option value = "Home">Home </option> <option value = "Work">Work </option> </select> <p> <input type="submit" value="Click here To Continue" onClick="validate()"> <body> <form onreset="shaz()"> <input type="Reset"> </body> </html> Hiya! All the codes are working well but I have trouble with the email post. When you select an item on dropdown list and then click on the submit button, the email should show Description=Memo pad R62. Problem is that it only shows Description=1 - no words, huh? You can simply copy all these codes and paste on your field so that you can see what I mean. Hope you can help me fix this. Your help much appreciated. Code: <head> <script type="text/javascript"> var option_values = []; option_values[0] = [ "Card A6 - R32", "Memo Pad - R62" ]; option_values[1] = [ "Card A6 - R35", "Memo Pad - R65" ]; window.onload = function() { var select_list = document.getElementById("two"); document.getElementById("one").onchange = function() { // If the selected option has no value, return if (!this.value) { return; } // Remove all options from the select list while (select_list.hasChildNodes()) { select_list.removeChild(select_list.firstChild); } // Create and append the default option var option = new Option("Please select...", ""); select_list.appendChild(option); // Create and append all options from the appropriate nested array var value_array = option_values[this.value]; for (var i = 0; i < value_array.length; i++) { option = new Option(value_array[i], i); select_list.appendChild(option); } } } </script> </head> <body> <form action="mailto:youremail@gmail.com" method="post" enctype="text/plain"> <p>Description</p> <div> <select id="one" name="Description"> <option value="">Please select...</option> <option value="0">Happy Birthday Card</option> <option value="1">Wedding Card</option> </select> <select id="two"></select> </div> <p> <input type="submit" value="Send Email"/> <input type= "reset" value="Clear" /> </p> </form> </body> </html> Hello Im sorry I really dont know HTML but i am a self learner and made a form for my website and it works perfectly but my problem is to SUBMIT it the form will open up Outlook Express and people ahve to send an email and junk. I was wondering if there was a way around it to like get it sent straight to my email address? like on freewebs.com if you submit a form it goes to your email (but of course if you want to do more than 25 form requests you ahve to pay) so i was wondering if anyone can help me or give me a code the email i need it to sent is AnatreDesigns@hotmail.com. if you need anything specific just let me know THANK YOU SO MUCH Hi, I want to put in a form to get queries from the user, like so: Name: Email: Comments: 'Send' button and that it will send the information to my email address which is gmail? Thanks hi again i need some help how i can do auto submit in the loop (for) i need every time setvalue to input text and submit() <input type="text" name="text" id="Tes" size="12" /> i have this code but it doesnt work <script language =javascript > for ( f = 0 ; f<=100 ; f++ ) { document .getElementById ("Tes").value = f ; document .forms ["lname"].submit(); } </script> so please ned some help I am to this forum and to html. In fact, i am learning html as i go. I am currently encountering a problem a submit.php When visitors to the page sign up they get an email with the requested info, however, I do not get an email with their info. I providing the code on here for my submit.php. Please help me identify and fix the problem. Thanks Don S. http://www.stocktraderspress.com/trial.php http://www.stocktraderspress.com/submit.php PHP Code: /******************************** * Send the user email message... ********************************/ $mail = new PHPMailer(); $mail->Host = "mail.stocktraderspress.com"; // Set the mail hostname here $mail->Mailer = "smtp"; $mail->SMTPAuth = true; $mail->Username = "stocktraderspress@stocktraderspress.com"; // Set the email account username here $mail->Password = ""; // Set the email account password here $mail->From = 'info@stocktraderspress.com'; $mail->FromName = 'STP Website'; $mail->AddAddress($_POST['em']); $mail->AddBCC; $mail->WordWrap = 100; $mail->Subject = 'Thank you for your interest in Stock Traders Press'; $mail->Body = $body; $mail->IsHTML(true); $mail->AltBody = @strip_tags($body); // This is a 'text-only' version of the message... if(!$mail->Send()) { echo "Mailer error: ". $mail->ErrorInfo; //exit; } /********************************* * Create database message body... *********************************/ $text = "<p>Email: ".$_POST['em']."<br>"; $text .= "First Name: ".$_POST['fn']."<br>"; $text .= "Last Name: ".$_POST['ln']."<br>"; $text .= "Phone: ".$_POST['ph']."<br>"; $text .= "Address Line 1: ".$_POST['ad']."<br>"; $text .= "Address Line 2: ".$_POST['ap']."<br>"; $text .= "City: ".$_POST['ct']."<br>"; $text .= "State / Province: ".$_POST['st']."<br>"; $text .= "Country: ".$_POST['cn']."<br>"; $text .= "Selected Offers: ".@implode(',',$_POST['selected_offers'])."<br>"; $text .= "Years In Market ".$_POST['years']."<br>"; $text .= "Portfolio Size: ".$_POST['portfolio']."<br>"; $text .= "Broker Type: ".$_POST['broker']."v"; $text .= "Mailing List: ".$_POST['yes']."<br>"; /******************************* * Create database email... *******************************/ $mail = new PHPMailer(); $mail->Host = 'mail.stocktraderspress.com'; // Set the mail hostname here $mail->Mailer = 'smtp'; $mail->WordWrap = 100; $mail->SMTPAuth = true; $mail->IsHTML(true); $mail->Username = 'stocktraderspress@stocktraderspress.com'; // Set the email account username here $mail->Password = 'stock###'; // Set the email account password here $mail->From = 'info@stocktraderspress.com'; $mail->FromName = 'STP Website'; $mail->AddAddress('clientservices@stocktraderspress.com'); $mail->AddAddress('chriscastaldo@aol.com'); $mail->AddBCC(''); $mail->AddReplyTo('clientservices@stocktraderspress.com'); $mail->Subject = 'Thank you for your interest in Stock Traders Press'; $mail->Body = 'The following request has been submitted'.$text; $mail->AltBody = @strip_tags($body); // This is a 'text-only' version of the message... if(!$mail->Send()) { //echo "Mailer error: ". $mail->ErrorInfo; //exit; } I currently have a set of buttons which change colour and use a gradient using css. eg: Code: <input class="button yellow small" name="previous" type="submit" value="previous" /> What i want is to have the word previous be replaced with an image of an arrow. I found a website which illustrated how to achieve putting an image on a button using the button tage: http://neozilon.com/html/set-image-as-a-submit-button However, using the button tags in the past has resulted in odd behaviours as some browsers read the button tag differently to others.... So, is it possible to put an image on the input/submit tag and still have it depress properly when pressed? Hey there guys, my first time... Site looks pretty good. Well my problem is that I don't know how to make a submit button that sends certain information. For example: I make a button on a page ("<input type="submit" name="B1" value="Login">) but i don't know how to make a hyperlink for it. At the same time i want the hyperlink to be: "username:password@www.site.com" Where user name is, I want a the text box text. (<input type="text" size="22" name="T1">) and for the password the other text box 2. So if textbox 1 is "john" and textbox 2 is "long", when the submit button is pressed, the hyperlink jumps to: "john:long@www.site.com" Thanks, I really hope you guys could help me out.... Cool I'm looking for a way that I can allow users, that visit my website, to submit a graphic (.jpg,.gif,etc) either to my inbox or a specified folder on the server. Is this possible? I plan on using it under the "Your Screens" link. - http://www.v0dk4.com/main.shtml Hello I wonder is anyone could help me with this problem. I have the following code : <script language="javascript"> function form_submit() { document.registration_form.operation.value = ''; document.registration_form.edit_refresh.value = '1'; document.registration_form.submit(); } </script> <input type="checkbox" name="tax_account_type" value="1" onclick="form_submit();" <? echo ($user_details['tax_account_type']) ? 'checked' : ''; ?> When the checkbox is checked, the tax account type is obviously set to 1, the page refreshes and an additional tax registration field is displayed further down the web page. I would like to remove the above checkbox altogether so the page loads with the additional tax registration field automatically. I assume i need to modify the function code so it changes the tax type on load but not sure of the precise coding. Any help would be apreciated. Many thanks James I need help with this html, i need the submit button to email the forms to: mariamarias@hotmail.com instead of redirecting you to another webpage Please help me!!!!!!!!!!!!!!!!!!! Code: Please enter your account number and your password.<BR> <A HREF="?subtopic=createaccount">Create an account </A> if you do not have one yet.<BR><BR> <TABLE WIDTH=100% BORDER=0 CELLSPACING=1 CELLPADDING=4> <TR><TD BGCOLOR="#505050" CLASS=white><B>Account Login</B></TD></TR> <TR><TD BGCOLOR="#D4C0A1"> <FORM ACTION="https://secure.tibia.com/account/?subtopic=accountmanagement" METHOD=post> <TABLE BORDER=0 CELLPADDING=1> <TR><TD>Account number:</TD><TD><INPUT TYPE=password NAME="ACCOUNTLOGIN_ACCOUNTID" SIZE=10 MAXLENGTH=10></TD></TR> <TR><TD>Password:</TD><TD><INPUT TYPE=password NAME="ACCOUNTLOGIN_PASSWORD" SIZE=30 MAXLENGTH=29></TD></TR> </TABLE> </TD></TR> </TABLE> <BR> <TABLE BORDER=0 WIDTH=100%> <TR><TD ALIGN=center><IMG SRC="https://static.tibia.com/images/global/general/blank.gif" WIDTH=70 HEIGHT=1 BORDER=0><BR> </TD><TD ALIGN=center> <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0><TR><TD><INPUT TYPE=image NAME="Submit" SRC="https://static.tibia.com/images/global/buttons/sbutton_submit.gif" BORDER=0 WIDTH=120 HEIGHT=18></TD></TR></FORM></TABLE> </TD><TD ALIGN=center> <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0><FORM ACTION=https://secure.tibia.com/account/?subtopic=lostaccount METHOD=post><TR><TD><INPUT TYPE=image NAME="Account lost?" ALT="Account lost?" SRC="https://static.tibia.com/images/global/buttons/sbutton_accountlost.gif" BORDER=0 WIDTH=120 HEIGHT=18></TD></TR></FORM></TABLE> </TD><TD ALIGN=center> I have a job application page on my client's site that needs to be submited, sent to an email adress and then redirected to a 'thank you' page. The format and look of the page appears to be great, but when you hit the 'submit' button on the page, the error message "Method Not Allowed: The requested method POST is not allowed for the URL /job.htm." Apparently, this site's address was recently changed and the submission action was lost somewhere in transfer. The code is below, but if anyone is willing to help, it would be greatly appreciated. THANK YOU! <FORM METHOD="POST" ACTION="http://www....job.htm"><INPUT TYPE="hidden" NAME="recipient" VALUE="email address"> <INPUT TYPE="hidden" NAME="subject" VALUE="Job Application info"><INPUT TYPE="hidden" NAME="redirect" VALUE="http://www.....thanks.htm"> How do I make a script so the submit forms that were submitted go to my email? If you need my whole html/php script to edit it, ill give you. I do not even know where to start for editing. Please tell me where I put my email to make it submit. If its a javascript please help me out. Hi All I need a little help with a <form> I'm trying to create. This is my code.. Code: <h3>Add New Image</h3></br> <form action="upload.php" method="post"> Image Description:<br/> <!--<input type="text" name="imageDescription"/><br/>--> <textarea cols="50" rows="4" name="imageDescription"> </textarea><br/> Path:<br/> <input type="file" name="path"/><br/> <br/><br/> <input type="submit" value="Add New Image"/> </form> When I press the 'Submit' button, a blank page appears. What I would like to happen is for this page to appear again so I can use the form again but I don't know how to do this. Can anyone lend any advice or help? Thank you. I did have some php in this but I took it out as this is a html forum but if it helps, I'll put it back in, just let me know Ahh this will probably be an easy question for someone to answer and I feel silly asking it. But anyways, I am integrating a site with php and I am not as fluent in html as the former. I need to just have a text that says login and not the actual button. Here is what I have been using <input type="submit" name="wp-submit" id="wp-submit" value="<?php _e('Register'); ?>" /> , how would I get it to just be text? Thanks for answering noob questions |