JSFiddle - React, Tailwind, and code Playground

by Varun Krishna P

HTML

<h1>Send Email</h1>
<form action="fake" method="post">
    <p>Email address: <input type="email" id="email" required="required" /></p>
    <p>Subject: <input type="text" id="subject" required="required" /></p>
    <p><textarea id="body"></textarea></p>
    <p><input type="submit" value="Send email" /></p>
</form>

CSS

textarea {
    width: 100%;
    max-width: 100%;
    min-height: 10em;
    box-sizing: border-box;
}

JavaScript

$("form").submit(function(e) {
    e.preventDefault();
    var emailAddress = $("#email").val();
    var subject = $("#subject").val();
    var body = $("#body").val();
    location.href = 'mailto:' + encodeURIComponent(emailAddress) +
                    '?subject=' + encodeURIComponent(subject) +
                    '&body=' + encodeURIComponent(body);
});