Botões de formulário em JavaScript
Você já sabe que um formulário é enviado
clicando em um botão. No entanto, há nuances aqui.
O botão deve ter o atributo type
com o valor submit:
<form>
<input name="test1">
<input name="test2">
<input type="submit">
</form>
A tag button também enviará o formulário
com o atributo type com o valor submit:
<form>
<input name="test1">
<input name="test2">
<button type="submit">btn</button>
</form>
O formulário também será enviado se em qualquer
um dos inputs o foco estiver ativo e a tecla Enter for pressionada.
O botão com o atributo type com o valor
button é usado como um elemento da página
e não enviará o formulário:
<form>
<input name="test1">
<input name="test2">
<input type="button">
</form>
A tag button funcionará de maneira similar:
<form>
<input name="test1">
<input name="test2">
<button>btn</button>
</form>
O botão com o atributo type com o valor
reset irá limpar o formulário preenchido:
<form>
<input name="test1">
<input name="test2">
<input type="reset">
<input type="submit">
</form>
Corrija o seguinte código para que o botão envie o formulário para o servidor:
<form>
<input name="name">
<input name="surn">
<button>send</button>
</form>