BootStrap 智能表单实战系列(五) 表单依赖插件处理


Posted in Javascript onJune 13, 2016

什么是 Bootstrap?

Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。

历史

Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。

Bootstrap 包的内容

基本结构:Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在 Bootstrap 基本结构 部分详细讲解。

CSS:Bootstrap 自带以下特性:全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。这将在 Bootstrap CSS 部分详细讲解。

组件:Bootstrap 包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等等。这将在 布局组件 部分详细讲解。

JavaScript 插件:Bootstrap 包含了十几个自定义的 jQuery 插件。您可以直接包含所有的插件,也可以逐个包含这些插件。这将在 Bootstrap 插件 部分详细讲解。

定制:您可以定制 Bootstrap 的组件、LESS 变量和 jQuery 插件来得到您自己的版本。

以上所述都是为主题做铺垫,下面给大家介绍表单依赖插件处理的知识,具体内容如下。

这一章比较简单哦,主要就是生产表单元素后的一些后续处理操作,比如日期插件的渲染、一些autocomplete的处理等,在回调里面处理就可以了,

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插件,当前项目中没有引入datepicker插件,所以不在详述。

以上所述是小编给大家介绍的BootStrap 智能表单实战系列(五) 表单依赖插件处理的全部叙述,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Jquery 类网页微信二维码图块滚动效果具体实现
Oct 14 Javascript
使用jquery.qrcode生成彩色二维码实例
Aug 08 Javascript
VS2008中使用JavaScript调用WebServices
Dec 18 Javascript
jQuery中:first-child选择器用法实例
Dec 31 Javascript
基于jQuery实现的双11天猫拆红包抽奖效果
Dec 01 Javascript
JavaScript函数节流概念与用法实例详解
Jun 20 Javascript
JS触发服务器控件的单击事件(详解)
Aug 06 Javascript
JavaScript中for循环的几种写法与效率总结
Feb 03 Javascript
JS实现浏览器打印、打印预览示例
Feb 28 Javascript
vue 弹框产生的滚动穿透问题的解决
Sep 21 Javascript
vue组件从开发到发布的实现步骤
Nov 11 Javascript
vuex的使用步骤
Jan 06 Vue.js
BootStrap智能表单实战系列(四)表单布局介绍
Jun 13 #Javascript
JS/jQ实现免费获取手机验证码倒计时效果
Jun 13 #Javascript
BootStrap智能表单实战系列(三)分块表单配置详解
Jun 13 #Javascript
BootStrap 智能表单实战系列(二)BootStrap支持的类型简介
Jun 13 #Javascript
BootStrap智能表单demo示例详解
Jun 13 #Javascript
Bootstrap布局之栅格系统详解
Jun 13 #Javascript
Bootstrap页面布局基础知识全面解析
Jun 13 #Javascript
You might like
解析thinkphp中的导入文件标签
2013/06/20 PHP
Codeigniter校验ip地址的方法
2015/03/21 PHP
PHP在线调试执行的实现方法(附demo源码)
2016/04/28 PHP
简单谈谈PHP面向对象之标识对象
2017/06/27 PHP
浅谈jQuery中setInterval()方法
2015/07/07 Javascript
深入理解jQuery之事件移除
2016/06/02 Javascript
jQuery学习笔记——jqGrid的使用记录(实现分页、搜索功能)
2016/11/09 Javascript
nodejs中全局变量的实例解析
2017/03/07 NodeJs
微信小程序自定义底部弹出框
2020/11/16 Javascript
react.js组件实现拖拽复制和可排序的示例代码
2018/08/20 Javascript
[55:44]OG vs NAVI 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
python发送邮件示例(支持中文邮件标题)
2014/02/16 Python
python使用Berkeley DB数据库实例
2014/09/26 Python
Python的加密模块md5、sha、crypt使用实例
2014/09/28 Python
python中os操作文件及文件路径实例汇总
2015/01/15 Python
用Python解析XML的几种常见方法的介绍
2015/04/09 Python
python中装饰器级连的使用方法示例
2017/09/29 Python
python清除函数占用的内存方法
2018/06/25 Python
Python基础教程(一)——Windows搭建开发Python开发环境
2020/07/20 Python
Python日志器使用方法及原理解析
2020/09/27 Python
python数据抓取3种方法总结
2021/02/07 Python
新百伦折扣店:Joe’s New Balance Outlet
2016/08/20 全球购物
英国领先的游戏零售商:GAME
2019/09/24 全球购物
MIRTA官网:手工包,100%意大利制造
2020/02/11 全球购物
vue+django实现下载文件的示例
2021/03/24 Vue.js
幼师自荐信范文
2013/10/06 职场文书
涉外经济法专业毕业生推荐信
2013/11/24 职场文书
建材业务员岗位职责
2013/12/08 职场文书
函授药学自我鉴定
2014/02/07 职场文书
优秀毕业自我鉴定
2014/02/15 职场文书
《搭石》教学反思
2014/04/07 职场文书
2014年银行年终工作总结
2014/12/19 职场文书
故宫的导游词
2015/01/31 职场文书
SSM VUE Axios详解
2021/10/05 Vue.js
Java存储没有重复元素的数组
2022/04/29 Java/Android
vue router 动态路由清除方式
2022/05/25 Vue.js