html 当我单击表单中的按钮时，表单被提交。如何避免这种情况？

问题描述：

我使用twitter-boostrap，我想在表单中使用这些单选按钮。问题是，当我单击这些按钮中的任何一个时，将立即提交表单。如何避免这种情况？我只想使用默认按钮，例如单选按钮。

从：

<%= form_for @product do |f| %>
    <div class="control-group">
      <%= f.label :type, :class => 'control-label' %>

      <div class="controls">
        <div class="btn-group" data-toggle="buttons-radio">
          <button class="btn">Button_1</button>
          <button class="btn">Button_2</button>
        </div>
      </div>

    </div>

    <div class="form-actions">
      <%= f.submit nil, :class => 'btn btn-primary' %>
      <%= link_to 'Cancel', products_path, :class => 'btn' %>
    </div>
<% end %>

javascript：

// application.js
$('.tabs').button();

请注意！此合并请求合并 后，Bootstrap图标又回来了 。在过去的几周中反复进行此操作之后，我决定 将Glyphicons图标字体恢复为主仓库 。考虑到UI中普遍使用的图标 ...