Estou testando um form, falta somente fazer um script para que quando a pessoa clique em “Enviar” no campo de dúvidas e contato, o formulário preenchido vá para um email, porém não tenho nenhum conhecimento em JAVA, li sobre o assunto e vi diferentes users dizendo que precisa de servidor SMTP, outros ensinando em php, porém queria em somente em css-java-html5 msm, estava quase desistindo quando encontrei esse tópico - RESOLVIDO - Email via Javascript - E constatei q é possível, porém ainda não sei como, segue os códigos, se alguem puder ajudar fico muito agradecido.
<head>
<title>Duvidas</title>
<script language="JavaScript">
?????????????????????????????????????????????????????
</script>
<style type="text/css">
.formContato {
width: 100%;
position: relative;}
.formContato input {
width: 90%;
margin-left: 10px;
margin-right: 10px;}
.formContato textarea {
width: 90%;
margin-left: 10px;
margin-right: 10px;}
.botaoContato {
margin-left: 10px;
margin-right: 10px;
margin-top: 1px;}
.pgContato input {
padding-left: 20px;
color: #292929;
font-size: 18px;
background-color: #E9E9E9;
border: 1px solid #E9E9E9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
height: 40px;
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;}
.pgContato textarea {
padding-left: 20px;
color: #292929;
font-size: 18px;
background-color: #E9E9E9;
border: 1px solid #E9E9E9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
height: 200px;
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;}
.botaoContato {
border-radius: 4px;
color: #fff;
padding: 2px 40px;
height: 40px;
margin-top: 18px;
opacity: 0.9;
margin-bottom: 20px;
cursor: pointer;
background: #B22222;
display: inline-block;
border: none;
border-bottom: 1px solid #500707;
border-right: 1px solid #500707;}
.botaoContato:hover {
opacity: 1.0;
transition: 1s;}
</style>
</head>
<BODY align="center">
<br><br><br><br>
<div class="pgContato">
<div class="formContato">
<form id="formContato" tabindex="1" action="#" method="post">
<input id="nome" name="nome" required="" type="text" placeholder="Nome" />
<input id="email" name="email" required="" type="email" placeholder="Email" />
<input id="tel" name="tel" type="tel" placeholder="Telefone" />
<textarea id="conteudo" name="conteudo" required="" placeholder="Deixe uma mensagem"></textarea>
<button class="botaoContato" type="submit">Enviar</button>
</form>
</div>
</div>
</BODY>
É minha primeiro post no forum, desculpe qualquer erro!