Skip to content Skip to sidebar Skip to footer
Home / Forms / Html

Properly Populate An Email Using Only HTML

Post a Comment
For an assignment, I need to put a form in my webpage, and have the form populate an email for the user to send. I wrote up this after searching around:
POST to GET. Using the GET method will append the key/value pairs from the input fields as a query string on the mailto: link in the action attribute. This creates a URL that email clients understand how to parse:

mailto:{TARGET EMAIL ADDRESS}?subject=Subject&body=Body

<form enctype="text/plain" method="GET" action="mailto:{TARGET EMAIL ADRESS}">
    <input type="text" name="subject" value="Subject"/>
    <input type="text" name="body" value="Body"/>
    <input type="submit" name="submit" value="Submit">
</form>

Solution 2:

mailto forms will always adds all the fields to mail body. javascript can do trick for you. are you allowed to use Javascript ..?

May be this will work for you

<html>

<form onsubmit="window.location='mailto:me@domain.com?subject='+myform.subject.value + '&body='+myform.comments.value" name="myform"  method="post">

<input name="subject"  value="Commencement Form" />
<input name="comments"  value="my body" />
<input type="submit" value="submit">
</from>
</html>

You may like these posts

Post a Comment for "Properly Populate An Email Using Only HTML"