今天就跟大家聊聊有關bootstrap中驗證提示狀態的類有哪些，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。

創新互聯是一家集網站建設,開化企業網站建設,開化品牌網站建設,網站定制,開化網站建設報價,網絡營銷,網絡優化,開化網站推廣為一體的創新建站企業，幫助傳統企業提升企業形象加強企業競爭力。可充分滿足這一群體相比中小企業更為豐富、高端、多元的互聯網需求。同時我們時刻保持專業、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們為更多的企業打造出實用型網站。

在制作表單時，不免要做表單驗證。同樣也需要提供驗證狀態樣式，在Bootstrap框架中同樣提供這幾種效果。

1、.has-warning:警告狀態（黃色）

2、.has-error：錯誤狀態（紅色）

3、.has-success：成功狀態（綠色）

使用的時候只需要在form-group容器上對應添加狀態類名。

<form role="form">
<div class="form-group has-success">
  <label class="control-label" for="inputSuccess1">成功狀態</label>
  <input type="text" class="form-control" id="inputSuccess1" placeholder="成功狀態" >
</div>
<div class="form-group has-warning">
  <label class="control-label" for="inputWarning1">警告狀態</label>
  <input type="text" class="form-control" id="inputWarning1" placeholder="警告狀態">
</div>
<div class="form-group has-error">
  <label class="control-label" for="inputError1">錯誤狀態</label>
  <input type="text" class="form-control" id="inputError1" placeholder="錯誤狀態">
</div>
</form>

效果圖：

看完上述內容，你們對bootstrap中驗證提示狀態的類有哪些有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注創新互聯網站制作公司行業資訊頻道，感謝大家的支持。

網站標題：bootstrap中驗證提示狀態的類有哪些-創新互聯
標題網址：http://m.newbst.com/article44/cejjee.html

成都網站建設公司_創新互聯，為您提供定制開發、網站建設、網站導航、App設計、動態網站、搜索引擎優化

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯