bootstrap中有哪些驗(yàn)證提示狀態(tài)的類

這篇文章主要介紹bootstrap中有哪些驗(yàn)證提示狀態(tài)的類，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

在制作表單時(shí)，不免要做表單驗(yàn)證。同樣也需要提供驗(yàn)證狀態(tài)樣式，在Bootstrap框架中同樣提供這幾種效果。

1、.has-warning:警告狀態(tài)（黃色）（推薦學(xué)習(xí)：Bootstrap視頻教程）

2、.has-error：錯(cuò)誤狀態(tài)（紅色）

3、.has-success：成功狀態(tài)（綠色）

使用的時(shí)候只需要在form-group容器上對(duì)應(yīng)添加狀態(tài)類名。

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

以上是“bootstrap中有哪些驗(yàn)證提示狀態(tài)的類”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！