|
HTML - Email Form And Submit Button
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 :-) Similar TutorialsHiya! 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>
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>
Hi everyone, Is it possible to have a form without a submit button. I know you can use links etc to submit a form but can you just have nothing, so the user just hits the enter key and the form submits ? cheers <html> <form> <p><input type="text" name="T1" size="20" /></p> <p><input type="submit" value="B1" name="B1" /></p> <p><input type="submit" value="B2" name="B2" /></p> </form> </html> Say I have the above form in a web page. When the page loads, the browser will highlight the first submit button b1, such that if the user hits enter, the form is submitted with that button. I'd like the default button to be B2, which is displayed second on the form. I'd greatly appreciate any advice on how to accomplish this. Thanks, jsfgguy Hello All! I am a newbie to HTML and am having the most troubling time getting my submit button on my form to redirect to another webpage. I have been reading (searching) through previous posts on this issue but none solved my problem. I am really hoping someone can offer some help so let me explain my issue exacly. I have a simple form on my "Contact Us" page with a few fields and a [Submit]button. After the form is filled out and the [Submit] button is pressed, I would like it to re-direct to a "Thank-You" page I created. Below is my code: <form action="gdform.asp" method="post" name="contact_us" id="contact_us" target="cont"> <input name="submit" type="image" value="submit" src="images/Submit.gif"> If I take target="cont" out, it redirects to the home page. I have been trying to figure this out for so long now and searching online with no luck. Any help with this would be GREATLY appreciated!!!! Thanks! Ok, so I hope there is a simple answer to this. I just haven't been able to figure it out. I have a basic form that has a dropdown menu. I am using an image as the submit button. The problem I am having is that the image does not align vertically properly next to the dropdown menu. Below is what my form looks like in the browser. Any ideas how to get this aligned correctly? Thanks for all help! Hi, I got a HTML form whose submit button doesnt seem to be working, Any help would be appriciated. The link to the form is http://new.johnnyshotel.com/contact.html . I tried the same form in a different plain html file and it seems to work but when I insert it back into this webpage template the submit button doesnt seem to work. Thanks in advance. I have created a button which is linked to some JavaScript to dim the screen when it is pressed. using CSS I have changed the image of the button using a graphic. The graphic is a .PNG as it uses transparency but when set the image as the button it has lost all transparency is there anyway to enable the transparency of the .PNG this is the code I am using to do it. Code: <input type="button" onClick="d()" class="button"> I am having a bit of a problem. I need to replace a submit button with an image (addtocart.gif). It sounds easy enough, but for some reason when I change the coding, my link does not pop-up in a new window, as it currently does. I need the image to open up my shopping cart preview page. Any help would be greatly appreciated. Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
var mywindow;
var features='width=530,height=500,left=200,top=200,scrollbars=yes';
window.onload=function() {
document.forms[0].target='mypopup';
document.forms[0][3].onclick=function() {
makePopup();
}
}
function makePopup() {
if(mywindow) {
mywindow.close();
}
mywindow=window.open('','mypopup',features);
mywindow.focus();
}
</script>
</head>
<body>
<form method="post" action="http://ww11.aitsafe.com/cf/add.cfm">
<div>
<input type="hidden" name="userid" value="D745330"/>
<input type="hidden" name="price" value="19.95"/>
<select name="product">
<option value="Red shirt w/ logo (XS)">X-Small</option>
<option value="Green shirt w/ logo (S)">Small</option>
<option value="Blue shirt w/ logo (M)">Medium</option>
<option value="Red shirt w/ logo (L)">Large</option>
<option value="Green shirt w/ logo (XL)">X-Large</option>
<option value="Blue shirt w/ logo (XXL)">XX-Large</option>
</select>
<p>
<input type="submit" name="post" class="submit" value="submit"/>
</div>
</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 I am creating a website that has a search button with an image. I would like to know if there is some simple code that I can include that would display the same basic image with a different color when the user mouses over the button. Here is the code: <FORM name="searchform" onSubmit="return validateSearch();" METHOD="POST" ACTION="search_results_lt.asp"> <INPUT TYPE="text" NAME="Search" VALUE="" SIZE="20" > <INPUT TYPE=IMAGE SRC="images/search_button.gif" Name="SearchButton" Value="Submit"> </FORM> **** Thanks for your help, Robin How can I restrict form submission to only the Submit button? I find the forms can be submitted also by the user pressing the "enter" or the "return" key (Users typically use IE or Firefox) By a mouseover the "Submit" button, a final check of data integrity is done as follows.... <INPUT type="submit" value="Submit Form" onmouseover="validate(personal_SS.value,personal_SS.id,personal_lastname.value,personal_lastname.id, personal_firstname.value,personal_firstname.id,personal_Birthdate.value,personal_Birthdate.id)"> <INPUT type="reset" value="Clear form"> Data is 128 bit SSL encrypted function validate(strngSS,x,strngLN,y,strngFN,z,strngBD,w) { if (strngSS== "") {alert("You didn't enter a Social Security Number."); document.ReturnPatientEntry.x.focus(); return; } else { if ((strngSS.length < 9) || (strngSS.length > 9)) {alert("The Social Security Number is the wrong length. Just use numbers, no dashes... like 123456789 not " + strngSS); document.ReturnPatientEntry.x.focus(); return; } else { var illegalChars = /\W\#/; if (illegalChars.test(strngSS)) {alert( "The Social Security Number contains illegal characters. Just use numbers, no dashes or # signs."); document.ReturnPatientEntry.x.focus(); return; } } } validateLN(strngLN,y) validateFN(strngFN,z) validateBD(strngBD,w) } function validateLN(strng,x) { if (strng== "") {alert("You didn't enter a Last Name."); document.ReturnPatientEntry.x.focus(); return; } else { if ((strng.length < 3) || (strng.length > 15)) {alert("The Last Name is the wrong length. Just use letters, no dashes... " + strng); document.ReturnPatientEntry.x.focus(); return; } else { var illegalChars = /\W\#/; if (illegalChars.test(strng)) {alert( "The Last Name contains illegal characters. Just use letters, no dashes or spaces."); document.ReturnPatientEntry.x.focus(); return; } } } } function validateFN(strng,x) { if (strng== "") {alert("You didn't enter a First Name."); document.ReturnPatientEntry.x.focus(); return; } else { if ((strng.length < 2) || (strng.length > 12)) {alert("The First Name is the wrong length. Just use letters, no dashes... " + strng); document.ReturnPatientEntry.x.focus(); return; } else { var illegalChars = /\W\#/; if (illegalChars.test(strng)) {alert( "The First Name contains illegal characters. Just use letters, no dashes or spaces."); document.ReturnPatientEntry.x.focus(); return; } } } } function validateBD(strng,x) { if (strng=="") {alert("Please enter a valid Birthdate"); document.ReturnPatientEntry.x.focus(); return; } else { if ((strng.length<8) || (strng.length>8)) {alert("Please enter your Birthdate in the form mm/dd/yy, not " + strng); document.ReturnPatientEntry.x.focus(); return; } else { var illegalChars=/[\-\.\m\,\ ]/; if (illegalChars.test(strng)) {alert("The Birtdate contains illegal characters, use the format mm/dd/yy, not " + strng); document.ReturnPatientEntry.x.focus(); return; } } } } I know the coding is primitive, but it works. If the "Clear form" button is pressed, multiple consecutive error messages are tripped as the form is cleared. Can I suppress this as well? Thanks, Douglas McKibbin augustasurgery.org I 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 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 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. 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. 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> 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 i am trying to incorporate a simple submit button with a pop-up window. i am struggling because i can get one or the other to work properly, but not both: popup and submit. any ideas would be greatly appreciated! here's what i'm looking at. </div> </fieldset> <a href="http://www.mycotorra.com/images/almostfinished.png" id="mc_embed_close" class="mc_embed_close" style="display: none;">Close</a> <div style="z-index: 1; width: 160px; height: 42px; position: absolute; top: 70px; left: -96px"> <input type="image" value="Subscribe" name="Sign up now" id="mc-embedded-subscribe" class="style81" style="clear: both;display: block; margin-right: 0;" height="44" src="http://www.mycotorra.com/images/sign%20up%20now%20button.png" width="162"></div> 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> |
|||||||