2015-10-15 61 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