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 进度条 实现代码
Jul 30 Javascript
jQuery判断iframe中元素是否存在的方法
May 11 Javascript
js验证模型自我实现的具体方法
Jun 21 Javascript
JavaScript中诡异的delete操作符
Mar 12 Javascript
AngularJS 中的Promise --- $q服务详解
Sep 14 Javascript
微信小程序 es6-promise.js封装请求与处理异步进程
Jun 12 Javascript
vue单页应用中如何使用jquery的方法示例
Jul 27 jQuery
详解A标签中href=""的几种用法
Aug 20 Javascript
angularjs select 赋值 ng-options配置方法
Feb 28 Javascript
vue自定义指令directive的使用方法
Apr 07 Javascript
Smartour 让网页导览变得更简单(推荐)
Jul 19 Javascript
vue项目打包后请求地址错误/打包后跨域操作
Nov 04 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 引用文件技巧
2010/03/02 PHP
php中explode与split的区别介绍
2012/10/03 PHP
PHP准确取得服务器IP地址的方法
2015/06/02 PHP
ThinkPHP 整合Bootstrap Ajax分页样式
2016/12/23 PHP
IE和Firefox下event事件杂谈
2009/12/18 Javascript
Javascript实现动态菜单添加的实例代码
2013/07/05 Javascript
JavaScript中的eval()函数详解
2013/08/22 Javascript
输入自动提示搜索提示功能的javascript:sugggestion.js
2013/09/02 Javascript
5秒后跳转到另一个页面的js代码
2013/10/12 Javascript
基于JavaScript实现手机短信按钮倒计时(超简单)
2015/12/30 Javascript
教你如何终止JQUERY的$.AJAX请求
2016/02/23 Javascript
JavaScript实战之带收放动画效果的导航菜单
2016/08/16 Javascript
jQuery实现页面倒计时并刷新效果
2017/03/13 Javascript
jQuery获取table下某一行某一列的值实现代码
2017/04/07 jQuery
JS中IP地址与整数相互转换的实现代码
2017/04/10 Javascript
js 两数组去除重复数值的实例
2017/12/06 Javascript
jQuery选择器选中最后一个元素,倒数第二个元素操作示例
2018/12/10 jQuery
angular 实现同步验证器跨字段验证的方法
2019/04/11 Javascript
Vue侦测相关api的实现方法
2019/05/22 Javascript
Windows上node.js的多版本管理工具用法实例分析
2019/11/06 Javascript
javascript实现商品图片放大镜
2019/11/28 Javascript
Nuxt页面级缓存的实现
2020/03/09 Javascript
[00:59]PWL开团时刻DAY7——我在赶
2020/11/06 DOTA
python计算牛顿迭代多项式实例分析
2015/05/07 Python
python fabric使用笔记
2015/05/09 Python
python实现汉诺塔方法汇总
2016/07/25 Python
Pycharm技巧之代码跳转该如何回退
2017/07/16 Python
python排序函数sort()与sorted()的区别
2018/09/18 Python
python 实现屏幕录制示例
2019/12/23 Python
Seavenger官网:潜水服、浮潜、靴子和袜子
2020/03/05 全球购物
韩语专业本科生求职信
2013/10/01 职场文书
自荐信不宜过于夸大
2013/11/06 职场文书
小学班干部竞选演讲稿
2014/04/24 职场文书
企业法人任命书
2015/09/21 职场文书
导游词之麻姑仙境
2019/11/18 职场文书
Mysql中有关Datetime和Timestamp的使用总结
2021/12/06 MySQL