###### 1 January 2014 on Personal Blog

# Contact form

<form id="contact-send" class="form-horizontal" role="form" method="post">
  <div class="form-group">
    <label for="fullname" class="col-sm-3 control-label">Full Name</label>
    <div class="col-sm-9">
      <input type="text" id="fullname" class="form-control" placeholder="Your Full Name" required>
    </div>
  </div>
  <div class="form-group">
    <label for="subject" class="col-sm-3 control-label">Subject</label>
    <div class="col-sm-9">
      <input type="text" id="subject" class="form-control" placeholder="Your Subject" required>
    </div>
  </div>
  <div class="form-group">
    <label for="message" class="col-sm-3 control-label">Message</label>
    <div class="col-sm-9">
      <textarea id="message" class="form-control" rows="9" placeholder="Your Message" required></textarea>
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-offset-3 col-sm-9">
      <input type="submit" id="send" class="btn btn-primary" value="Send">
    </div>
  </div>
</form>
<script>
$('#contact-send').on('submit.contact.form', function(e) {
  e.preventDefault();
  location.href = 'mailto:markc@renta.net' +
  '?subject=' + encodeURIComponent($('#subject').val()) +
  '&body=' + encodeURIComponent($('#message').val())
});
</script>