How to make a submit by sending completed data in the form to an email?

According to your comment I would use this form directing it via POST to a Struts action and in that action would use Velocity to mount the HTML template of what the email will be.

Then, in order to send the email, you must have the login, password, POP or IMAP path of the server as well as the port to send using the Java EE . I particularly use Apache Commons Mail that internally uses the Java EE API, but it simplifies for us developers how- it.

The browser does not send email, but it is possible to create a link that already calls the user's email client, with address, subject and content formatted for the email to be sent.

Here's an example:

<a href="mailto:[email protected]?Subject=Aqui%20vai%20o%20assunto&Body=E%20aqui%20o%20corpo">preparar email</a>

This same technique can be used with your form, for example:

<form id="contatoForm" method="get" action="mailto:[email protected]" target="_blank">
    <input type="hidden" name="Subject" value="Meu assunto">
    <input type="hidden" name="Body" value="">
    <input class="cells" type="text" name="nome" placeholder="nome">
    <input class="cells" type="text" name="email" placeholder="email">
    <button type="submit" value="click" id="enviar"></button>
</form>

You will need a little Javascript to format your text.

Native Javascript:

document.getElementById('contatoForm').addEventListener('submit', function () {
    var nome = this.querySelector('input[name=nome]'), nome = nome.value;
    var email = this.querySelector('input[name=email]'), email = email.value;
    var texto = 'Olá destinatário, \nMeu nome é '+ nome +' e meu email é '+ email;
    this.querySelector('input[name=Body]').setAttribute('value', texto);
});

DEMO

Version in jQuery:

$('#contatoForm').on('submit', function () {
    var nome = $(this).find('input[name=nome]'), nome = nome.val();
    var email = $(this).find('input[name=email]'), email = email.val();
    var texto = 'Olá destinatário, \nMeu nome é '+ nome +' e meu email é '+ email;
    $(this).find('input[name=Body]').attr('value', texto);
});

DEMO 2

Considerations:

The action of the form must be GET (not POST, some browsers will accept POST, not all);
• I added the target on the form to be compatible with email clients embedded in the browser;
• Your email input was with email = email and is name="email", could cause an error when selecting the field;
• Do not forget that the DOM must have been loaded so you can add the form event listener;

Browsers do not send email. Your code is the closest you'll get to using only the browser.

You can not send email with HTML & JavaScript - In Web applications, you can only send emails securely on the server side.

There are ways to send mail without having a server requesting AJAX for an external service as this , but they are not recommended because they are insecure (it is easy for someone to send email on your behalf), with high potential for abuse.