Кнопка Iphone "Go" перенаправляет на предыдущую страницу

Question

Я работаю над веб-приложением, которое имеет несколько экранов, на каждом экране есть 2 кнопки отправки (1 - кнопка «Назад», а другая - кнопка «Далее»), как показано ниже.

 <input name="back" class="btn btn-outline-secondary mr-2" type="submit" value="Back" formnovalidate formaction="BackToIncidentInfo?tabId=@Model.TabId">
 <input name="submit" class="btn btn-primary" type="submit" value="Submit">

Поэтому, когда я нажимаю кнопку «Назад», она перенаправляет на предыдущую страницу, а следующая кнопка перенаправляет меня на следующую страницу. Это нормально работает в сети. Но когда я открываю это приложение в браузере Safari Iphone и нажимаю Go button в Iphone Клавиатура, оно перенаправляет меня на предыдущую страницу. Это должно выглядеть как кнопка Next в форме.

У меня была такая же проблема с телефоном Android.

Answer 1

Основной причиной проблемы является то, что поскольку первая кнопка, помещаемая в форму, имеет значение Back и имеет значение type=submit, кажется разумным, что это будет поведение по умолчанию. Поэтому, чтобы исправить эту проблему, я изменил порядок кнопок с помощью order concept in bootstrap 4.

Ниже приведено исправление, которое мне помогло.

 <input name="submit" class="order-2 btn btn-primary" type="submit" value="Next">
 <input name="back" class="order-1 btn btn-outline-secondary mr-2" type="submit" value="Back" formnovalidate formaction="BackToIndex?tabId=@Model.TabId">