1. Когда есть только один <input type = "text" name = "name" /> в форме, нажмите Enter, чтобы автоматически отправить форму.
Кода -копия выглядит следующим образом:
<form id = "form1" action = "post.php" method = "post">
<input type = "text" name = "name" />
</form>
Добавьте еще один
Кода -копия выглядит следующим образом:
<input type = "text" />
Нажмите Enter, чтобы отправить его автоматически, но неловко отобразить неизвестное поле ввода на странице. Позже я нашел два решения из Интернета:
(1) Добавить один
Кода -копия выглядит следующим образом:
<input style = "дисплей: нет;" type = "text" />
Поле ввода не отображается и не будет отправлено после входа:
Кода -копия выглядит следующим образом:
<form id = "form1" action = "post.php" method = "post">
<input type = "text" name = "name" />
<input style = "display: none" />
</form>
(2) Добавьте событие OnkeyDown, а затем нажмите Enter и не отобразит:
Кода -копия выглядит следующим образом:
<form id = "form1" action = "post.php" method = "post">
<input type = "text" name = "name" onkeydown = "if (event.keycode == 13) вернуть false;"/>
</form>
Если вы хотите добавить событие возврата вагоны, вы можете добавить форму вынесения суждения в событие OnkeyDown:
Кода -копия выглядит следующим образом:
<form id = "form1" action = "post.php" method = "post">
<input style = "display: none" />
<input type = "text" name = "name" onkeydown = "if (event.keycode == 13) {gosubmit ();}" />
</form>
Иногда мы хотим, чтобы ключ Enter отправила форму в входном элементе, но иногда мы этого не хотим. Например, поведение поиска, вы надеетесь нажать Enter, чтобы отправить форму сразу после входа в ключевое слово. Для некоторых сложных форм вам может потребоваться избежать работы ошибки клавиши Enter и запустить подчинение формы, когда форма заполняется до заполнения формы.
Чтобы контролировать это поведение, вам не нужно использовать JS. Браузер помог нам с этой обработкой. Вот несколько правил:
Если в форме есть кнопка Type = «Отправить», клавиша Enter вступает в силу.
Если в форме есть только один ввод с Type = "Text", независимо от того, какой тип кнопка, ключ Enter вступает в силу.
Если кнопка не использует вход, но кнопку, и не добавляется тип, кнопка по умолчанию - тип = кнопка в IE, а по умолчанию IS type = отправить в FX.
Другие элементы формы, такие как Textarea и Select, не влияют, радио -флажок не влияет на правила запуска, но ответит на ключ Enter в соответствии с FX и не будет отвечать в IE.
Ввод типа = «изображение» имеет тот же эффект, что и тип = "отправить". Я не знаю, почему этот тип разработан, и его не рекомендуется использовать его. Должно быть уместно добавлять фоновые изображения с помощью CSS.