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 jQuery中的DOM操作
Mar 21 Javascript
jQuery之网页换肤实现代码
Apr 30 Javascript
UpdatePanel和Jquery冲突的解决方法
Apr 01 Javascript
showModalDialog模态对话框的使用详解以及浏览器兼容
Jan 11 Javascript
jQuery $.extend()用法总结
Jun 15 Javascript
基于jQuery实现网页进度显示插件
Mar 04 Javascript
js断点调试心得分享(必看篇)
Dec 08 Javascript
详解vuex的简单使用
Mar 12 Javascript
JavaScript学习笔记之DOM操作实例分析
Jan 08 Javascript
使用Webpack提升Vue.js应用程序的4种方法(翻译)
Oct 09 Javascript
通过实例了解Render Props回调地狱解决方案
Nov 04 Javascript
JavaScript实现商品评价五星好评
Nov 30 Javascript
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
PHP mb_convert_encoding 获取字符串编码类型实现代码
2009/04/26 PHP
PHP实现阳历到农历转换的类实例
2015/03/07 PHP
PHP入门教程之表单与验证实例详解
2016/09/11 PHP
Yii框架实现多数据库配置和操作的方法
2017/05/25 PHP
php的单例模式及应用场景详解
2021/02/27 PHP
angularjs学习笔记之完整的项目结构
2015/09/26 Javascript
JS操作COOKIE实现备忘记录的方法
2016/04/01 Javascript
JS基于clipBoard.js插件实现剪切、复制、粘贴
2016/05/03 Javascript
解决Jstree 选中父节点时被禁用的子节点也会选中的问题
2017/12/27 Javascript
Vue修改mint-ui默认样式的方法
2018/02/03 Javascript
vue+webpack模拟后台数据的示例代码
2018/07/26 Javascript
Nodejs Express 通过log4js写日志到Logstash(ELK)
2018/08/30 NodeJs
基于Vue 服务端Cookies删除的问题
2018/09/21 Javascript
微信小程序实现保存图片到相册功能
2018/11/30 Javascript
小程序开发中如何使用async-await并封装公共异步请求的方法
2019/01/20 Javascript
es6数值的扩展方法
2019/03/11 Javascript
[01:15:44]首部DOTA2纪录片今日23时全网上映
2014/03/19 DOTA
[31:33]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS DT 第一场
2014/05/23 DOTA
[01:02:09]Liquid vs TNC 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.21
2020/07/19 DOTA
Python中多线程及程序锁浅析
2015/01/21 Python
Python获取系统默认字符编码的方法
2015/06/04 Python
浅谈python中截取字符函数strip,lstrip,rstrip
2015/07/17 Python
python matplotlib 画dataframe的时间序列图实例
2019/11/20 Python
Python使用Turtle库绘制一棵西兰花
2019/11/23 Python
Pandas-Cookbook 时间戳处理方式
2019/12/07 Python
css3绘制天猫logo实现代码
2012/11/06 HTML / CSS
HTML5 Canvas 实现K线图的示例代码
2019/12/23 HTML / CSS
德国童装购物网站:NICKI´S.com
2018/04/20 全球购物
SIXPAD智能健身仪英国官网:革命性的训练装备品牌
2018/09/27 全球购物
Arti-shopping中文官网:大型海外商品一站式直邮平台
2020/03/23 全球购物
Puccini乌克兰:购买行李箱、女士手袋网上商店
2020/08/06 全球购物
教育英语专业毕业生的求职信
2014/03/13 职场文书
选秀节目策划方案
2014/06/06 职场文书
交警作风整顿剖析材料
2014/10/11 职场文书
优秀党员先进材料
2014/12/18 职场文书
运动与健康自我评价
2015/03/09 职场文书