HTML Email Form Redirect

stephani.n.smith · Joined: 24 Mar 2008 Posts: 7 Location: Tipp City, Ohio

I have created a simple HTML form that sends via email, however, I am having trouble with figuring out how to redirect people to a thank you page. Is this task not possible with HTML? If it is, I need some assistance. I am not very good with coding

<form action="mailto:storiesatsoulchoice.org" method="post" enctype="text/plain">
<div align="left">
<table width="400" border="0" cellpadding="0" cellspacing="0" align="left">
<tr>
<td bgcolor="#ff2595">
<div align="left">
<font size="2" face="Arial"><label for="FirstLastName" style="float:left;width:140px;"><br />
<font size="2" color="white" face="Arial">First and Last Name:</font></label><br />
<input type="text" name="FirstLastName" id="FirstLastName" value="" maxlength="" style="width:200px;" /></font>
<div style="clear:left;height:20px;"></div>
<font size="2" face="Arial"><label for="Email" style="float:left;width:140px;"><font size="2" color="white" face="Arial">E-Mail Address:</font></label><input type="text" name="Email" id="Email" value="" maxlength="" style="width:200px;" /></font>
<div style="clear:left;height:20px;"></div>
<font size="2" face="Arial"><label style="float:left;width:140px;"><font size="2" color="white" face="Arial">How would you like<br />
your byline to read?</font></label><span name="byline" style="display:block;width: 400px;"><input type="radio" name="byline" id="byline1radioOption" value="name" style="vertical-align: middle;border:0px;background-color:transparent" /> <label for="byline1radioOption"><font size="2" color="white" face="Arial">Name<br />
</font></label><input type="radio" name="byline" id="byline2radioOption" value="anonymous" style="vertical-align: middle;border:0px;background-color:transparent" /> <label for="byline2radioOption"><font size="2" color="white" face="Arial">Anonymous</font></label><br />
</span></font>
<div style="clear:left;height:20px;"></div>
<font size="2" face="Arial"><label for="story" style="float:left;width:140px;"><font size="2" color="white" face="Arial">Your Story</font></label><textarea name="story" id="story" style="width:250px;height:120px;" rows="1" cols="40"></textarea></font>
<div style="clear:left;height:20px;"></div>
<font size="2" face="Arial"><label for="thankyou" style="display:none;"><font size="2" face="Arial">hidden field</font></label><input type="hidden" name="thankyou" id="thankyou" value="http://www.teenage-pregnancy.org/thank_you_stories.html" /></font></div>
</td>
</tr>
<tr>
<td align="right">
<div align="left">
<input type="submit" value=" Submit " /> <input type="reset" value=" Reset " /></div>
</td>
</tr>
</table>
</div>
</form>

ogsolution · Joined: 26 Dec 2007 Posts: 144

You won't be able to do it in pure HTML. If you want to use mailto, you can use JavaScript to help you with that. But it'll require some change in your form process. Let me know if you need an example.