I am trying to email this survey and its results as a string to an email address when the "send Survey" button is clicked. I cannot figure out how to make this action occur. Does anyone have any ideas how to accomplish this? I have tried using the form tag with the action set to mailto:recipient@yahoo.com and the method as get. Is there anything I am missing here? I have read several pages on emailing surveys on HTML button actions. Thanks. I have the following code:
//preset all form values
document.ColorSurvey.Visistor.value = "John Doe";
document.ColorSurvey.State.Selectedindex = 5;
document.ColorSurvey.Password.value = "shhhhh';
document.ColorSurvey.Gender[1].checked = true;.form {
margin: 0 auto;
width: 210px;
}
.form label {
display: inline-block;
text-align: right;
float: left;
}
.form input {
display: inline-block;
text-align: left;
float: right;
}
.center {
margin: auto;
width: 50%;
border: 3px solid green;
padding: 10px;
}
label.orange {
color: orange;
}
label.violet {
color: violet;
}
label.grey {
color: grey;
}
label.yellow {
color: yellow;
}
label.red {
color: red;
}
label.green {
color: green;
}
label.pink {
color: pink;
}
label.blue {
color: blue;
}<title>
Color Survey</title><h1>Color Survey</h1><form action=”mailto:contact@yourdomain.com” method=”get” enctype=”multipart/form-data” name=”EmailTestForm”><div align="center"><label>Name:</label><input type="text" name="name:"><br><label>Email:</label><input type="text" name="email:"><br><label>Phone:</label><input type="text" name="phone:"><label>EXT:</label><input type="text" name="EXT:" style="width: 45px;"><br><label>State:<select id="countrySelect" name="countrySelect"><option value="AL">Alabama</option><option value="AK">Alaska</option><option value="AZ">Arizona</option><option value="AR">Arkansas</option><option value="CA">California</option><option value="CO">Colorado</option><option value="CT">Connecticut</option><option value="DE">Delaware</option><option value="DC">District Of Columbia</option><option value="FL">Florida</option><option value="GA">Georgia</option><option value="HI">Hawaii</option><option value="ID">Idaho</option><option value="IL">Illinois</option><option value="IN">Indiana</option><option value="IA">Iowa</option><option value="KS">Kansas</option><option value="KY">Kentucky</option><option value="LA">Louisiana</option><option value="ME">Maine</option><option value="MD">Maryland</option><option value="MA">Massachusetts</option><option value="MI">Michigan</option><option value="MN">Minnesota</option><option value="MS">Mississippi</option><option value="MO">Missouri</option><option value="MT">Montana</option><option value="NE">Nebraska</option><option value="NV">Nevada</option><option value="NH">New Hampshire</option><option value="NJ">New Jersey</option><option value="NM">New Mexico</option><option value="NY">New York</option><option value="NC">North Carolina</option><option value="ND">North Dakota</option><option value="OH">Ohio</option><option value="OK">Oklahoma</option><option value="OR">Oregon</option><option value="PA">Pennsylvania</option><option value="RI">Rhode Island</option><option value="SC">South Carolina</option><option value="SD">South Dakota</option><option value="TN">Tennessee</option><option value="TX">Texas</option><option value="UT">Utah</option><option value="VT">Vermont</option><option value="VA">Virginia</option><option value="WA">Washington</option><option value="WV">West Virginia</option><option value="WI">Wisconsin</option><option value="WY">Wyoming</option></select><br><label>Password:</label><input type="text" name="Password:"><label>Confirm:</label><input type="text" name="Confirm:"></div><div align="center"><label><input type="checkbox" name="favcolors[]" value="cycling" /> black</label><label class='orange'><input type="checkbox" name="favcolors[]" value="orange" /> orange</label><label class='violet'><input type="checkbox" name="favcolors[]" value="violet" /> violet</label><br><label class='grey'><input type="checkbox" name="favcolors[]" value="Grey" /> Grey</label><label class='yellow'><input type="checkbox" name="favcolors[]" value="Yellow" /> Yellow</label><label><input type="checkbox" name="favcolors[]" value="White" /> White</label><br><label class='red'><input type="checkbox" name="favcolors[]" value="red" /> red</label><label class='green'><input type="checkbox" name="favcolors[]" value="green" /> green</label><label><input type="checkbox" name="favcolors[]" value="other" /> other</label><br><label class='pink'><input type="checkbox" name="favcolors[]" value="pink" /> pink</label><label class='blue'><input type="checkbox" name="favcolors[]" value="blue" /> blue</label></div><div align='center'><label>Comments:</label><input type="text" name="Comments:" style="width: 300px; height: 40px;"><br><br><label>Code:</label><input type="text" name="Comments:" style="width: 80px;"><label>For internal use only</label><br><button>Send Survey</button><button>Clear Form</button></div></form>