Use um link normal para enviar um formulário

Quero enviar um formulário. Mas não estou seguindo a maneira básica de usar um botão de entrada com o tipo de envio, mas um um link.

A imagem abaixo mostra o porquê. Estou usando links de imagens para salvar / enviar o formulário. Como tenho marcação CSS padrão para links de imagem, não quero usar os botões de envio de entrada.

Tentei aplicar onClick = "document.formName.submit ()" ao elemento a, mas preferiria um método html.

Alguma ideia?

Dois caminhos. Crie um botão e estilize-o para que pareça um link com css ou crie um link e use-o onclick="this.closest('form').submit();return false;".

Você realmente não pode fazer isso sem alguma forma de script, com o melhor de meu conhecimento.

<form id="my_form">
<!-- Your Form -->    
<a href="javascript:{}" onclick="document.getElementById('my_form').submit(); return false;">submit</a>
</form>

Exemplo daqui .

Apenas um estilo input type="submit"como esse funcionou para mim:

.link-button { 
     background: none;
     border: none;
     color: #0066ff;
     text-decoration: underline;
     cursor: pointer; 
}

<input type="submit" class="link-button" />

Testado no Chrome, IE 7-9, Firefox

Você está usando imagens para enviar .. então você pode simplesmente usar um type="image""botão" de entrada:

<input type="image" src="yourimage.png" name="yourinputname" value="yourinputvalue" />

usar:

<input type="image" src=".."/>

ou:

<button type="send"><img src=".."/> + any html code</button>

mais algum CSS

Definitivamente, não há solução com HTML puro para enviar um formulário com um link (a tag ). O HTML padrão aceita apenas botões ou imagens. Como alguns outros colaboradores disseram, é possível simular a aparência de um link usando um botão, mas acho que esse não é o objetivo da pergunta.

IMHO, acredito que a solução proposta e aceita não funciona.

Eu testei em um formulário e o navegador não encontrou a referência ao formulário.

Portanto, é possível resolvê-lo usando uma única linha de JavaScript, usando o thisobjeto, que faz referência ao elemento que está sendo clicado, que é um nó filho do formulário, que precisa ser enviado. O mesmo this.parentNodeacontece com o nó do formulário. Depois é só chamar o submit()método dessa forma. Não é necessária pesquisa de todo o documento para encontrar a forma correta.

<form action="http://www.greatsolutions.com.br/indexint.htm"                   
   method="get">
    <h3> Enter your name</h3>
    First Name <input type="text"  name="fname"  size="30"><br>
    Last Name <input type="text" name="lname" size="30"><br>
    <a href="#" onclick="this.parentNode.submit();"> Submit here</a>
</form>

Suponha que eu entre com meu próprio nome:

Eu usei getno atributo method method porque é possível ver os parâmetros corretos no URL na página carregada após o envio.

http://www.greatsolutions.com.br/indexint.htm?fname=Paulo&lname=Buchsbaum

Essa solução obviamente se aplica a qualquer tag que aceite o onclickevento ou algum evento semelhante.

thisé uma excelente opção para recuperar o contexto juntamente com a eventvariável (disponível em todos os principais navegadores e no IE9) que pode ser usada diretamente ou transmitida como argumento para uma função.

Nesse caso, substitua a linha pela atag pela linha abaixo, usando a propriedade targetque indica o elemento que iniciou o evento.

<a href="#" onclick="event.target.parentNode.submit();"> Submit here</a>

você pode usar OnClick = "document.getElementById ('formID_NOT_NAME'). SUBMIT ()"