asked on 1/17/2016

submit form

how to make the form content reach an email after form submission with some format like new line for each label and value?

name: david
phone: 111-111-1111
email: david@fsdfsdfsffsdfsd.com
comments: i want to have more details.

<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
  <form class="form-horizontal" role="form">
    <div class="form-group">
      <label class="col-sm-2 control-label"> name </label>
      <div class="col-sm-10">
        <input id="name" type="text"  name="name">
      </div>
    </div>
    
    
    

    
    <div class="form-group">
      <label class="col-sm-2 control-label">Email</label>
      <div class="col-sm-10">
        <input id="email" type="text" name="email">
      </div>
    </div>
    
    <div class="form-group">
      <label class="col-sm-2 control-label">Phone </label>
      <div class="col-sm-10">
        <input id="phone" type="text" name="email">
      </div>
    </div>
    
     <div class="form-group">
      <label class="col-sm-2 control-label">Comments </label>
      <div class="col-sm-10">
        <textarea rows="4" cols="50" id="comments">
      </div>
    </div>
    
    <div class="row">
      <div class="col-sm-2"> </div>
      <div class="col-sm-10">
        <input type="submit" class="btn btn-default" value="Submit">
      </div>
    </div>   
  </form>
</div>
</body>
</html>

Open in new window

jQuery Web Development HTML CSS Bootstrap

Last Comment

Kyle Hamilton

1/19/2016

Rainer Jeschor

1/17/2016

Hi,
you cannot directly send mail on the client side / through client side code.
Therefore you have to do this on the server on the form Action target page.

What are you using on the server side?
PHP, ASP.NET, ...?

Thanks.
Rainer

codelevel

1/17/2016

ASKER

html only. submit should open an email content and move the content.

Kyle Hamilton

1/18/2016

if all you need is for the email client to open, you can do it with javascript. you capture the field values w js, and generate the mailto link:

<A HREF="mailto:me@yahoo.com?Subject=subject&Body=message>send</a>

then you trigger the link, also w js.

Kyle Hamilton

1/18/2016

or, just forget about trigerring the link. call it directly

window.open('mailto:test@example.com?subject=subject&body=body');

codelevel

1/18/2016

ASKER

how to make each label start in new line in the body? can you please put the code in my example?

SOLUTION