bootstrap中驗證提示狀態的類有什么

來源：懂視網責編：小采時間：2020-11-27 15:01:36

bootstrap中驗證提示狀態的類有什么

bootstrap中驗證提示狀態的類有什么:在制作表單時，不免要做表單驗證。同樣也需要提供驗證狀態樣式，在Bootstrap框架中同樣提供這幾種效果。1、.has-warning:警告狀態（黃色）（推薦學習：Bootstrap視頻教程）2、.has-error：錯誤狀態（紅色）3、.has-success：成功狀態（綠色）使用

推薦度：

點擊下載本文 文檔為doc格式

導讀bootstrap中驗證提示狀態的類有什么:在制作表單時，不免要做表單驗證。同樣也需要提供驗證狀態樣式，在Bootstrap框架中同樣提供這幾種效果。1、.has-warning:警告狀態（黃色）（推薦學習：Bootstrap視頻教程）2、.has-error：錯誤狀態（紅色）3、.has-success：成功狀態（綠色）使用

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

1、.has-warning:警告狀態（黃色）（推薦學習：Bootstrap視頻教程）

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>

效果圖：