BootStrap 智能表單實(shí)戰(zhàn)系列(五) 表單依賴插件處理
什么是 Bootstrap?
Bootstrap 是一個(gè)用于快速開發(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 提供了一個(gè)帶有網(wǎng)格系統(tǒng)、鏈接樣式、背景的基本結(jié)構(gòu)。這將在 Bootstrap 基本結(jié)構(gòu) 部分詳細(xì)講解。
CSS:Bootstrap 自帶以下特性:全局的 CSS 設(shè)置、定義基本的 HTML 元素樣式、可擴(kuò)展的 class,以及一個(gè)先進(jìn)的網(wǎng)格系統(tǒng)。這將在 Bootstrap CSS 部分詳細(xì)講解。
組件:Bootstrap 包含了十幾個(gè)可重用的組件,用于創(chuàng)建圖像、下拉菜單、導(dǎo)航、警告框、彈出框等等。這將在 布局組件 部分詳細(xì)講解。
JavaScript 插件:Bootstrap 包含了十幾個(gè)自定義的 jQuery 插件。您可以直接包含所有的插件,也可以逐個(gè)包含這些插件。這將在 Bootstrap 插件 部分詳細(xì)講解。
定制:您可以定制 Bootstrap 的組件、LESS 變量和 jQuery 插件來得到您自己的版本。
以上所述都是為主題做鋪墊,下面給大家介紹表單依賴插件處理的知識(shí),具體內(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)系列(五) 表單依賴插件處理的全部敘述,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(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)系列(十)自動(dòng)完成組件的支持
- BootStrap智能表單實(shí)戰(zhàn)系列(十一)級(jí)聯(lián)下拉的支持
- 第七篇Bootstrap表單布局實(shí)例代碼詳解(三種表單布局)
相關(guān)文章
javascript中的return和閉包函數(shù)淺析
這篇文章主要介紹了javascript中的return和閉包函數(shù)淺析,至少可以讓你搞懂那么多()是什么意思,需要的朋友可以參考下2014-06-06JavaScript實(shí)現(xiàn)大文件上傳的示例代碼
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)大文件上傳功能的示例代碼,文中的代碼講解詳細(xì),對(duì)我們學(xué)習(xí)JavaScript有一定幫助,感興趣可以跟隨小編一起學(xué)習(xí)一下2022-11-11javascript實(shí)現(xiàn)文字跑馬燈效果
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)文字跑馬燈效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-06-06js實(shí)現(xiàn)兩點(diǎn)之間畫線的方法
這篇文章主要介紹了js實(shí)現(xiàn)兩點(diǎn)之間畫線的方法,涉及javascript圖形繪制的相關(guān)技巧,需要的朋友可以參考下2015-05-05