如何使用Bootstrap創(chuàng)建表單-創(chuàng)新互聯

Bootstrap 表單

專注于為中小企業(yè)提供成都網站制作、成都網站設計服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)信州免費做網站提供優(yōu)質的服務。我們立足成都，凝聚了一批互聯網行業(yè)人才，有力地推動了超過千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網站建設實現規(guī)模擴充和轉變。

在本章中，我們將學習如何使用 Bootstrap 創(chuàng)建表單。Bootstrap 通過一些簡單的 HTML 標簽和擴展的類即可創(chuàng)建出不同樣式的表單。

垂直或基本表單

基本的表單結構是 Bootstrap 自帶的，個別的表單控件自動接收一些全局樣式。下面列出了創(chuàng)建基本表單的步驟：

- 向父 <form> 元素添加 role=”form”。

- 把標簽和控件放在一個帶有 class .form-group 的

中。這是獲取最佳間距所必需的。

- 向所有的文本元素 <input>、<textarea> 和 <select> 添加 class .form-control。

<form role="form">
 <div class="form-group">
 <label for="name">名稱</label>
 <input type="text" class="form-control" id="name" placeholder="請輸入名稱">
 </div>
 <div class="form-group">
 <label for="inputfile">文件輸入</label>
 <input type="file" id="inputfile">
 <p class="help-block">這里是塊級幫助文本的實例。</p>
 </div>
 <div class="checkbox">
 <label>
  <input type="checkbox">請打勾
 </label>
 </div>
 <button type="submit" class="btn btn-default">提交</button>
</form>

另外有需要云服務器可以了解下創(chuàng)新互聯建站www.muchs.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

新聞標題：如何使用Bootstrap創(chuàng)建表單-創(chuàng)新互聯
網站地址：http://www.muchs.cn/article48/shohp.html

成都網站建設公司_創(chuàng)新互聯，為您提供搜索引擎優(yōu)化、網站改版、網站策劃、微信小程序、網站導航、靜態(tài)網站

廣告

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