LaVOZs

The World’s Largest Online Community for Developers

'; forms - HTML Email Survey upon button click - LavOzs.Com

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>