真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

Bootstrap表單控件怎么用

這篇文章將為大家詳細(xì)講解有關(guān)Bootstrap表單控件怎么用，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

在黔西南州等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都做網(wǎng)站、成都網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì)制作定制網(wǎng)站開發(fā),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),全網(wǎng)整合營銷推廣,外貿(mào)網(wǎng)站制作,黔西南州網(wǎng)站建設(shè)費(fèi)用合理。

具體內(nèi)容如下

輸入框（Input）

最常見的表單文本字段是輸入框 input。用戶可以在其中輸入大多數(shù)必要的表單數(shù)據(jù)。
Bootstrap 提供了對所有原生的 HTML5 的 input 類型的支持，包括：text、password、datetime、datetime-local、date、month、time、week、number、email、url、search、tel 和 color。


 
  標(biāo)簽
  
 

Bootstrap表單控件怎么用

文本框（Textarea）

當(dāng)您需要進(jìn)行多行輸入的時(shí)，則可以使用文本框 textarea。
必要時(shí)可以改變 rows 屬性（較少的行 = 較小的盒子，較多的行 = 較大的盒子）。（超過這個(gè)值就會產(chǎn)生滾動條）


 
  文本框
  
 

Bootstrap表單控件怎么用

復(fù)選框（Checkbox）和單選框（Radio）

（1）復(fù)選框和單選按鈕用于讓用戶從一系列預(yù)設(shè)置的選項(xiàng)中進(jìn)行選擇。
（2）當(dāng)創(chuàng)建表單時(shí)，如果您想讓用戶從列表中選擇若干個(gè)選項(xiàng)時(shí)，請使用 checkbox。如果您限制用戶只能選擇一個(gè)選項(xiàng)，請使用 radio。
（3）對一系列復(fù)選框和單選框使用 .checkbox-inline 或 .radio-inline class，控制它們顯示在同一行上。

默認(rèn)的復(fù)選框和單選按鈕的實(shí)例

 
       

Bootstrap表單控件怎么用

內(nèi)聯(lián)的復(fù)選框和單選按鈕的實(shí)例


 
  選項(xiàng)1
 

 
  選項(xiàng)2
 

 
  選項(xiàng)3
 

 
  選項(xiàng)1
 

 

Bootstrap表單控件怎么用

選擇框（Select）
（1）當(dāng)您想讓用戶從多個(gè)選項(xiàng)中進(jìn)行選擇，但是默認(rèn)情況下只能選擇一個(gè)選項(xiàng)時(shí)，則使用選擇框。
（2）使用   可多選的選擇列表                            

Bootstrap表單控件怎么用

靜態(tài)控件

需要在一個(gè)水平表單內(nèi)的表單標(biāo)簽后放置純文本時(shí)，請?jiān)?p>上使用 class .form-control-static。


 
  Email
  
   email@example.com

  
 

 
  密碼
  
   
  
 

Bootstrap表單控件怎么用

表單控件狀態(tài)

（1）除了 :focus 狀態(tài)（即，用戶點(diǎn)擊 input 或使用 tab 鍵聚焦到 input 上），Bootstrap 還為禁用的輸入框定義了樣式，并提供了表單驗(yàn)證的 class。
（2）輸入框焦點(diǎn)：當(dāng)輸入框 input 接收到 :focus 時(shí)，輸入框的輪廓會被移除，同時(shí)應(yīng)用 box-shadow。
（3）禁用的輸入框 input：如果您想要禁用一個(gè)輸入框 input，只需要簡單地添加 disabled 屬性，這不僅會禁用輸入框，還會改變輸入框的樣式以及當(dāng)鼠標(biāo)的指針懸停在元素上時(shí)鼠標(biāo)指針的樣式。
（4）禁用的字段集 fieldset：對

添加 disabled 屬性來禁用
內(nèi)的所有控件。
（5）驗(yàn)證狀態(tài)：Bootstrap 包含了錯誤、警告和成功消息的驗(yàn)證樣式。只需要對父元素簡單地添加適當(dāng)?shù)?class（.has-warning、 .has-error 或 .has-success）即可使用驗(yàn)證狀態(tài)。


 
  聚焦
  
   
  
 

 
  禁用
  
   
  
 

 
  
   禁用輸入（Fieldset disabled）
   
    
   
  

  
   禁用選擇菜單（Fieldset disabled）
   
    
     
    
   
  
 
    輸入成功                 輸入警告                 輸入錯誤            

Bootstrap表單控件怎么用

表單控件大小

可以分別使用 class .input-lg 和 .col-lg-* ()來設(shè)置表單的高度和寬度。

關(guān)于“Bootstrap表單控件怎么用”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。


分享標(biāo)題：Bootstrap表單控件怎么用
分享網(wǎng)址：http://weahome.cn/article/ipepjh.html

在線咨詢

微信咨詢

電話咨詢

028-86922220（工作日）

18980820575（7×24）

提交需求

返回頂部