1. Quando houver apenas um <input type = "text" name = "name" /> No formulário, pressione Enter para enviar automaticamente o formulário.
A cópia do código é a seguinte:
<form id = "form1" action = "post.php" method = "post">
<input type = "text" name = "name" />
</morm>
Adicione outro
A cópia do código é a seguinte:
<input type = "text" />
Pressione Enter para enviá -lo automaticamente, mas é estranho exibir uma caixa de entrada desconhecida na página. Mais tarde, encontrei duas soluções da Internet:
(1) Adicione um
A cópia do código é a seguinte:
<input style = "Display: Nenhum;" type = "text" />
A caixa de entrada não é exibida e não será enviada após a entrada:
A cópia do código é a seguinte:
<form id = "form1" action = "post.php" method = "post">
<input type = "text" name = "name" />
<input style = "display: nenhum" />
</morm>
(2) Adicione um evento onkeydown e pressione Enter e não será exibido:
A cópia do código é a seguinte:
<form id = "form1" action = "post.php" method = "post">
<input type = "text" name = "name" onkeydown = "if (event.keycode == 13) retornar false;"/>
</morm>
Se você deseja adicionar um evento de devolução de carruagem, poderá adicionar um formulário de envio de julgamento no evento OnKekeDown:
A cópia do código é a seguinte:
<form id = "form1" action = "post.php" method = "post">
<input style = "display: nenhum" />
<input type = "text" name = "name" onkeydown = "if (event.keycode == 13) {Gosubmit ();}" />
</morm>
Às vezes, queremos que a tecla enter envie o formulário no elemento de entrada, mas às vezes não queremos. Por exemplo, comportamento de pesquisa, você espera pressionar Enter para enviar o formulário imediatamente após a entrada da palavra -chave. Para alguns formulários complexos, pode ser necessário evitar a operação de erro da tecla Enter e acionar o envio do formulário quando o formulário for preenchido antes do formulário ser preenchido.
Para controlar esses comportamentos, você não precisa usar o JS. O navegador nos ajudou com esse processamento. Aqui estão algumas regras:
Se houver um botão Tipo = "Enviar" no formulário, a tecla Enter entrará em vigor.
Se houver apenas uma entrada com type = "text" no formulário, independentemente do tipo o botão, a tecla Enter entrará em vigor.
Se o botão não usar a entrada, mas o botão e nenhum tipo for adicionado, o padrão é tipo = botão no IE e o padrão é o tipo = envie em FX.
Outros elementos de formulário, como textarea e select, não afetam, a caixa de seleção de rádio não afeta as regras de acionamento, mas responderá à tecla Enter em FX e não responderá no IE.
A entrada de type = "imagem" tem o mesmo efeito que tipo = "submeter". Não sei por que esse tipo foi projetado e não é recomendável usá -lo. Deve ser apropriado adicionar imagens de fundo usando CSS.