Desta forma, somente com javascript.
O método correto é usar um botão do tipo <input type="submit">
, um <button type="submit">
ou uma <input type="image">
, estes dois últimos tem efeito parecido com submit, sendo que o button
permite outros elementos aninhados (imagens inclusive), e o segundo permite o envio ao se clicar em uma imagem específica (enviando junto as coordenadas clicadas).
Se mesmo assim quiser um <a>
, segue o código. Não recomendo, pois afeta a acessibilidade do formulário.
<form method="post" action="" id="mail_form">
<div id="newsletter">
<input type="text" name="email_newsletter" />
<div class="newslink">
<input type="hidden" name="submit_newsletter" />
<a href="#" onClick="document.getElementById('mail_form').submit();">ENVIAR</a>
</div>
</div>
</form>
Lembre-se que hoje em dia, usando CSS, você consegue deixar o submit
convencional com aparência igual a um link comum, com a vantagem de não "quebrar" a funcionalidade normal do form
.
Ainda teria uma gambiarra que é usar um <label for="botaodeenvio">
e esconder o botão original com posição, opacidade, etc, mas vai continuar não sendo um <a>
. Melhor usar CSS e os métodos convencionais.