Множественные нажатия кнопки Submit в HTML-форме

Question

Допустим, вы создаете мастер в HTML-форме. Одна кнопка возвращается, а идет вперед. Так как кнопки "Назад" появляется сначала в разметке при нажатии клавиши Enter он будет использовать эту кнопку, чтобы отправить форму. Пример:

Answer 1

Допустим, вы создаете мастер в HTML-форме. Одна кнопка возвращается, а идет вперед. Так как кнопки "Назад" появляется сначала в разметке при нажатии клавиши Enter он будет использовать эту кнопку, чтобы отправить форму. Пример:

Answer 2

Я надеюсь, что это помогает. Я просто делаю трюк

float

ing кнопки справа. Таким образом, кнопка

Prev

находится слева от кнопки

Next

но

Next

приходит первым в html-структуру:

.f {
  float: right;
}
.clr {
  clear: both;
}

Answer 3

Это было бы возможно для вас, чтобы изменить предыдущий тип кнопку в кнопку такой:

Answer 4

Дайте вашему кнопок же имя такой:

Answer 5

Если тот факт, что первая кнопка используется по умолчанию во все браузеры, почему бы не поставить их по порядку в исходном коде, а затем использовать CSS, чтобы переключить их очевидной позиции?

float

их влево и вправо для переключения их визуально вокруг, например.

Answer 6

Если вы действительно просто хочу, чтобы она работала, как установить диалог, а только дает фокус на кнопку "Далее" события onload. Таким образом, если пользователь нажимает клавишу возврата, форма отправляет и идет вперед. Если они хотят вернуться, они могут нажмите Tab или нажать на кнопку.

Answer 7

Иногда предлагаемые решения по @palotasb недостаточно. Есть случаи, когда например кнопка "фильтр" представит находится выше кнопки типа "далее" и "назад". Я нашел обходной путь для этого: скопировать кнопку Submit, которая должна выступать в качестве кнопки по умолчанию представить в скрытый div и поместить его в форму выше любую другую кнопку Отправить. Технически он будет представлен на другую кнопку, при нажатии Enter, затем при нажатии на видимую кнопку Далее. Но с именем и значение такое же, нет никакой разницы в результате.

Answer 8

Кевин, это не может быть сделано с помощью чистого HTML. Вы должны полагаться на JavaScript для Этот трюк. Однако, если вы размещаете две формы на странице HTML вы можете это сделать. Форма form1 бы предыдущую кнопку. Формы Form2 будет иметь никаких входов пользователей кнопка Далее. Когда пользователь нажимает клавишу Ввод в Form2, следующей кнопки будет огонь.

Answer 9

Вы можете сделать это с помощью CSS. Поставить кнопки в разметке с помощью кнопки

Next

, а затем кнопку

Prev

потом. Затем использовать CSS, чтобы расположить их так, как вы хотите.

Answer 10

Я хотел бы использовать JavaScript, чтобы отправить форму. Функция будет срабатывать на событие onkeypress элемента формы, и определить, является ли клавиша Enter была выбрана. Если это так, он будет представлять форме. Вот две страницы, которые дают методы, как это сделать: 1, 2. На основании этих, вот пример использования (основано на здесь):