原文:Bootstrap之表單控件狀態

Bootstrap中的表單控件狀態主要有三種:焦點狀態,禁用狀態,驗證狀態。 一 焦點狀態:該狀態告訴用戶可輸入或選擇東西 焦點狀態通過偽類 :focus 以實現。 bootstrap.css相應源碼: 使用方法:給控件添加類名 form control 。 eg: 效果圖如下所示: 焦點狀態下為藍色邊框效果 焦點狀態下,file radio checkbox控件的效果與普通的input空間不完全 ...

2016-03-19 22:39 0 7666 推薦指數:

查看詳情

Bootstrap 表單控件狀態(禁用狀態)

Bootstrap框架的表單控件的禁用狀態和普通的表單禁用狀態實現方法是一樣的,在相應的表單控件上添加屬性“disabled”。和其他表單的禁用狀態不同的是,Bootstrap框架做了一些樣式風格的處理: 使用方法為:只需要在需要禁用的表單控件上加上“disabled”即可: < ...

Wed Dec 03 22:10:00 CST 2014 0 7502
Bootstrap 表單控件狀態(驗證狀態)

在制作表單時,不免要做表單驗證。同樣也需要提供驗證狀態樣式,在Bootstrap框架中同樣提供這幾種效果。1、.has-warning:警告狀態(黃色)2、.has-error:錯誤狀態(紅色)3、.has-success:成功狀態(綠色)使用的時候只需要在form-group容器上對應添加狀態類 ...

Wed Dec 03 22:20:00 CST 2014 0 7845
表單控件狀態(禁用狀態)

Bootstrap框架的表單控件的禁用狀態和普通的表單禁用狀態實現方法是一樣的,在相應的表單控件上添加屬性“disabled”。 在使用了“form-control”的表單控件中,樣式設置了禁用表單背景色為灰色,而且手型變成了不准輸入的形狀。如果控件中不使用類名“form-control”,禁用 ...

Tue Aug 16 03:43:00 CST 2016 0 5391
Bootstrap關於表單控件(Radio,CheckBox)

表單控件(復選框checkbox和單選擇按鈕radio) Bootstrap框架中checkbox和radio有點特殊,Bootstrap針對他們做了一些特殊化處理,主要是checkbox和radio與label標簽配合使用會出現一些小問題(最頭痛 ...

Sun Nov 23 05:37:00 CST 2014 0 54755
Bootstrap系列 -- 18. 表單控件大小

  前面看到的表單控件都正常的大小。可以通過設置控件的height,line-height,padding和font-size等屬性來實現控件的高度設置。不過Bootstrap框架還提供了兩個不同的類名,用來控制表單控件的高度。這兩個類名是:   1. input-sm:讓控件比正常 ...

Thu Jun 25 16:14:00 CST 2015 0 10394
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM