2015-10-15 60 views
0

如果类型未分配,则引导按钮默认为特定类型吗?我已经看到了一些不寻常的行为,我有一个表格:引导按钮默认类型

<form action="blah blah" method="POST" id="blah" autocomplete="off"> 
    <div class="modal-container"> 
    <div class="modal-dialog modal-dialog-wide"> 
      <!-- Button 1 --> 
      <button class="close cancel-btn" >&times;</button> 

      <div class="modal-content"> 
       <div class="modal-header"> 
       </div> 
       <div class="modal-body"> 
        <div style="display: none;"> 
        </div> 
        <div class="input"> 
        </div> 
        <div class="input"> 
         <input type="password" class="text long" name="password" placeholder="Your password"> 
        </div> 
       </div> 
       <div class="modal-footer"> 
        <ul class="h-list"> 
         <!-- Button 2 Submit --> 
         <li><button type="submit" class="btn btn-acknowledge main-action"> 
          <i class="icon-btn icon-btn-check"></i> <span class="text">Confirm</span> 
         </button> 
         </li> 
         <!-- Button 3 --> 
         <li><button type="button" class="btn-cancel close cancel-btn"">Cancel 
         </button></li> 
        </ul> 
       </div> 
      </div> 

    </div> 
    </div> 
</form> 

这种形式有三个按钮,一个与提交的类型,另外一类型的按钮。另一个'X'或关闭按钮没有指定类型。

我注意到当我敲击键盘上的模式打开时,模式关闭。我可以提交表单的唯一方法是点击提交按钮。 Javascript我有提交动作的触发器。所以,我预料到我的表单会被提交,但是表单已关闭,导致我相信Bootstrap按钮默认具有提交类型。这是否正确,并且有没有关于此的任何文档?谢谢。

编辑:

我成功添加一个按钮类型的第一个按钮,这似乎已经验证了我的想法,但我想在此方面的澄清文件或其他形式。

回答

0

尝试将type = "button"属性添加到第一个按钮元素。

如果它不起作用,也许你可以尝试添加热键。

Bootstrap Dialog manuplation

+0

对不起,这是我已经做了,我会编辑我的问题。但是,我问的问题是“如果未分配类型,是否将Bootstrap按钮默认为特定类型?”我正在寻找文件来澄清这一点。谢谢。 –

+0

据我所知,bootstrap没有默认的按钮属性。你必须为此修改它。 (因为引导程序的优先级是设计你的页面)这解决了你的问题,因为HTML表单元素将第一个按钮定义为type = submit的热键。也许你应该在HTML源代码中搜索文档。 – ctumturk