BootStrap 智能表單實(shí)戰(zhàn)系列(五) 表單依賴插件處理
什么是 Bootstrap?
Bootstrap 是一個用于快速開發(fā) Web 應(yīng)用程序和網(wǎng)站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。
歷史
Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 開發(fā)的。Bootstrap 是 2011 年八月在 GitHub 上發(fā)布的開源產(chǎn)品。
Bootstrap 包的內(nèi)容
基本結(jié)構(gòu):Bootstrap 提供了一個帶有網(wǎng)格系統(tǒng)、鏈接樣式、背景的基本結(jié)構(gòu)。這將在 Bootstrap 基本結(jié)構(gòu) 部分詳細(xì)講解。
CSS:Bootstrap 自帶以下特性:全局的 CSS 設(shè)置、定義基本的 HTML 元素樣式、可擴(kuò)展的 class,以及一個先進(jìn)的網(wǎng)格系統(tǒng)。這將在 Bootstrap CSS 部分詳細(xì)講解。
組件:Bootstrap 包含了十幾個可重用的組件,用于創(chuàng)建圖像、下拉菜單、導(dǎo)航、警告框、彈出框等等。這將在 布局組件 部分詳細(xì)講解。
JavaScript 插件:Bootstrap 包含了十幾個自定義的 jQuery 插件。您可以直接包含所有的插件,也可以逐個包含這些插件。這將在 Bootstrap 插件 部分詳細(xì)講解。
定制:您可以定制 Bootstrap 的組件、LESS 變量和 jQuery 插件來得到您自己的版本。
以上所述都是為主題做鋪墊,下面給大家介紹表單依賴插件處理的知識,具體內(nèi)容如下。
這一章比較簡單哦,主要就是生產(chǎn)表單元素后的一些后續(xù)處理操作,比如日期插件的渲染、一些autocomplete的處理等,在回調(diào)里面處理就可以了,
demo:
("input.date-picker").datepicker({ format: 'yyyy-MM-dd', autoclose: true }).next("span.input-group-btn").bind("click", function () {("input.date-picker").datepicker({ format: 'yyyy-MM-dd', autoclose: true }).next("span.input-group-btn").bind("click", function () {(this).prev(".date-picker").datepicker("show"); });
該段依賴于bootstrap datepicker插件,當(dāng)前項(xiàng)目中沒有引入datepicker插件,所以不在詳述。
以上所述是小編給大家介紹的BootStrap 智能表單實(shí)戰(zhàn)系列(五) 表單依賴插件處理的全部敘述,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- Bootstrap表單布局樣式代碼
- BootStrap智能表單實(shí)戰(zhàn)系列(四)表單布局介紹
- BootStrap智能表單實(shí)戰(zhàn)系列(六)表單編輯頁面的數(shù)據(jù)綁定
- BootStrap智能表單實(shí)戰(zhàn)系列(七)驗(yàn)證的支持
- BootStrap智能表單實(shí)戰(zhàn)系列(八)表單配置json詳解
- BootStrap智能表單實(shí)戰(zhàn)系列(九)表單圖片上傳的支持
- BootStrap 智能表單實(shí)戰(zhàn)系列(十)自動完成組件的支持
- BootStrap智能表單實(shí)戰(zhàn)系列(十一)級聯(lián)下拉的支持
- 第七篇Bootstrap表單布局實(shí)例代碼詳解(三種表單布局)
相關(guān)文章
JavaScript實(shí)現(xiàn)像雪花一樣的Hexaflake分形
這篇文章主要介紹了JavaScript實(shí)現(xiàn)像雪花一樣的Hexaflake分形,文中示例代碼非常詳細(xì),幫助大家更好的理解和學(xué)習(xí),感興趣的朋友可以了解下2020-07-07
javascript實(shí)現(xiàn)unicode與ASCII相互轉(zhuǎn)換的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)unicode與ASCII相互轉(zhuǎn)換的方法,涉及JavaScript字符串的遍歷、正則匹配及編碼轉(zhuǎn)換相關(guān)技巧,需要的朋友可以參考下2015-12-12
學(xué)習(xí)javascript面向?qū)ο?掌握創(chuàng)建對象的9種方式
這篇文章主要為大家介紹了創(chuàng)建對象的9種方式,幫助大家更好地學(xué)習(xí)javascript面向?qū)ο?,感興趣的小伙伴們可以參考一下2016-01-01
javascript實(shí)現(xiàn)復(fù)選框選中屬性
本文給大家介紹的是一篇國外網(wǎng)友寫的博客,講解的是關(guān)于實(shí)現(xiàn)復(fù)選框選中屬性的問題,感覺非常不錯,翻譯過來推薦給大家,希望小伙伴們能夠喜歡。2015-03-03
JS實(shí)現(xiàn)超簡單的漢字轉(zhuǎn)拼音功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)超簡單的漢字轉(zhuǎn)拼音功能,結(jié)合實(shí)例形式分析了javascript漢字轉(zhuǎn)換成拼音的函數(shù)定義與使用技巧,需要的朋友可以參考下2016-12-12
javascript實(shí)現(xiàn)狀態(tài)欄文字首尾相接循環(huán)滾動的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)狀態(tài)欄文字首尾相接循環(huán)滾動的方法,實(shí)例分析了javascript定時(shí)函數(shù)及頁面元素屬性操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
第一次動手實(shí)現(xiàn)bootstrap table分頁效果
這篇文章主要為大家詳細(xì)介紹了第一次動手實(shí)現(xiàn)bootstrap table分頁效果的相關(guān)代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09

