關於bootstrap--表單(按鈕


1、各種標簽實現按鈕效果:

<button class="btn btn-default" type="button">button標簽按鈕</button>
<input type="submit" class="btn btn-default" value="input標簽按鈕"/>

<span class="btn btn-default">span標簽按鈕</span>
<div class="btn btn-default">div標簽按鈕</div>
<a class="btn btn-default">啊哈哈</a>

注:雖然在Bootstrap框架中使用任何標簽元素都可以實現按鈕風格,但個人並不建議這樣使用,為了避免瀏覽器兼容性問題,個人強烈建議使用buttona標簽來制作按鈕。

2、各種按鈕效果:

3、各種按鈕的大小:

 

3、按鈕禁用:

方法1:在標簽中添加disabled屬性:

<button class="btnbtn-primary btn-lgbtn-block" type="button" disabled="disabled">通過disabled屬性禁用按鈕</button>

方法2:在元素標簽中添加類名“disabled”:

<button class="btnbtn-primary btn-block disabled" type="button">通過添加類名disabled禁用按鈕</button>
<button class="btn btn-primary btn-lg btn-block" type="button" disabled="disabled">通過disabled屬性禁用按鈕</button> 
    <button class="btn btn-primary btn-block disabled" type="button">通過添加類名disabled禁用按鈕</button>
    <button class="btn btn-primary btn-sm btn-block" type="button">未禁用的按鈕</button>
</body>

 4、關閉符:

<p>關閉圖標實例
   <button type="button" class="close" aria-hidden="true">
      &times;
   </button>
</p>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM