HTML-форма с двумя входами «Отправить», которые действуют странно

Question

У меня есть форма с двумя кнопками отправки. Это не проблема; Я могу сделать это просто отлично. Давайте перейдем к погоне. Вот HTML:

<!-- Assume there's a lot more document here. --> 
<form action="place1.html" method="GET"> 
    <input type="submit" value="Go to Place 1!" /> 
    <input type="submit" formaction="place2.html" value="Go to Place 2!" /> 
</form> 

Первая кнопка работает полностью, как предполагалось. Вторая кнопка - странная - на самом деле она переходит в place1.html, если вы не нажмете на правую десятку пикселов, а затем перейдете к place2.html. Кто-нибудь знает, что здесь происходит? Я тестировал его в Google Chrome и Internet Explorer. Это мой HTML? Браузер? Мой компьютер?

Update
Хорошо, так что я отключил CSS на странице - это не имеет никакого значения. Во всяком случае, никаких вложений для таргетинга на CSS не было. Я также удалил атрибут action из тега form и добавил атрибут formaction к первой кнопке отправки, согласно предложению Агонии - без кубиков. :(Я собираюсь сохранить это, хотя, потому что он чувствует себя чище.

Вот еще немного моей среды. На самом деле у меня есть три кнопки, содержащиеся в двух наборах полей, содержащихся в одной форме. Теперь это может быть CSS на дивы.

<form id="server-form" method="post"> 
    <input type="hidden" name="custID" value="@Model.CustomerID" form="server-form" /> 

    <div style="float: left; width: 50%;"> 
     <fieldset> 
      <legend>Fieldset One</legend> 
      <!-- Content goes here --> 
      <p><input type="submit" formaction="/page1.html" value="Go to Page 1" /> 
      <input type="submit" formaction="/page2.html" value="Go to Page 2" /></p> 
     </fieldset> 
    </div> 

<div style="float: right; width: 50%;"> 
    <fieldset> 
     <legend>Fieldset Two</legend> 
     <!-- More and different content goes here --> 
     <p><input type="submit" formaction="/page3.html" value="Go to Page 3" /></p> 
    </fieldset> 
</div> 

Почему я не раскрыть это раньше? Я хотел бы сохранить ситуацию вообще, как можно видеть, были ли какие-то глупые вещи, которые я просто отсутствует, прежде чем ограничить его к моему конкретному экземпляру.
Если это имеет значение, я также использую ASP.NET MVC 4 с Razor, но я не думаю, что это должно быть.

Answer 1

Я не нашел проблемы с этим, используя Chrome, Firefox или IE, но я бы предложил настроить ваш HTML таким образом.

<form> 
<input type="submit" formaction="place1.html" value="Go to Place 1!" /> 
<input type="submit" formaction="place2.html" value="Go to Place 2!" /> 
</form> 

Если возможно. В противном случае, я хотел бы увидеть CSS за ним, чтобы определить, почему именно ваша вторая кнопка.