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 相关文章推荐
javascript mouseover、mouseout停止事件冒泡的解决方案
Apr 07 Javascript
Javascript Math ceil()、floor()、round()三个函数的区别
Mar 09 Javascript
Javascript学习笔记-详解in运算符
Sep 13 Javascript
js局部刷新页面时间具体实现
Jul 04 Javascript
JavaScript 字符串常用操作小结(非常实用)
Nov 30 Javascript
JS基于面向对象实现的选项卡效果示例
Dec 20 Javascript
原生js实现水平方向无缝滚动
Jan 10 Javascript
JS解决移动web开发手机输入框弹出的问题
Mar 31 Javascript
详解使用Vue Router导航钩子与Vuex来实现后退状态保存
Sep 11 Javascript
微信小程序中button去除默认的边框实例代码
Aug 01 Javascript
基于form-data请求格式详解
Oct 29 Javascript
JS画布动态实现黑客帝国背景效果
Nov 08 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程序中的常见漏洞进行攻击
2006/10/09 PHP
PHP常用的文件操作函数经典收藏
2013/04/02 PHP
在 Laravel 项目中使用 webpack-encore的方法
2019/07/21 PHP
JavaScript 获取事件对象的注意点
2009/07/29 Javascript
一个简单的js动画效果代码
2010/07/20 Javascript
30分钟就入门的正则表达式基础教程
2013/02/25 Javascript
基于javascript的JSON格式页面展示美化方法
2014/07/02 Javascript
JavaScript对数字的判断与处理实例分析
2015/02/02 Javascript
jquery实现鼠标滑过显示提示框的方法
2015/02/05 Javascript
Node.js本地文件操作之文件拷贝与目录遍历的方法
2016/02/16 Javascript
Node.js Express 框架 POST方法详解
2017/01/23 Javascript
JS中mouseup事件丢失的原因与解决办法
2017/06/14 Javascript
vue配置接口域名方法总结
2019/05/12 Javascript
微信自定义分享链接信息(标题,图片和内容)实现过程详解
2019/09/04 Javascript
javascript二维数组和对象的深拷贝与浅拷贝实例分析
2019/10/26 Javascript
Vue中父子组件的值传递与方法传递
2020/09/28 Javascript
利用TensorFlow训练简单的二分类神经网络模型的方法
2018/03/05 Python
Numpy 改变数组维度的几种方法小结
2018/08/02 Python
python中def是做什么的
2020/06/10 Python
解析python 类方法、对象方法、静态方法
2020/08/15 Python
CSS3实战第一波 让我们尽情的圆角吧
2010/08/27 HTML / CSS
德国网上花店:Valentins
2018/08/15 全球购物
eDreams葡萄牙:全球最大的在线旅行社之一
2019/04/15 全球购物
JVM是一个编译程序还是解释程序
2012/09/11 面试题
编辑找工作求职信范文
2013/12/16 职场文书
行政专员工作职责
2013/12/22 职场文书
小学综治宣传月活动总结
2014/07/02 职场文书
物理学专业求职信
2014/07/04 职场文书
爱护公共设施倡议书
2014/08/29 职场文书
法学专业毕业实习自我鉴定2014
2014/09/27 职场文书
个人自查自纠材料
2014/10/14 职场文书
党的群众路线教育实践活动心得体会(医院)
2014/11/03 职场文书
简单的辞职信范文(2016最新版)
2015/05/12 职场文书
《最后一头战象》教学反思
2016/02/16 职场文书
JavaScript利用html5新方法操作元素类名详解
2021/11/27 Javascript
Python中np.random.randint()参数详解及用法实例
2022/09/23 Python