下载此文档

BootStrap智能表单实战系列(三)分块表单配置详解 javascript技巧.docx


文档分类:IT计算机 | 页数:约4页 举报非法文档有奖
1/4
下载提示
  • 1.该资料是网友上传的,本站提供全文预览,预览什么样,下载就什么样。
  • 2.下载该文档所得收入归上传者、原创者。
  • 3.下载的文档,不会出现我们的网址水印。
1/4 下载此文档
文档列表 文档介绍
BootStrap智能表单实战系列(三)分块表单配置详解_javascript技巧.docxBootstrap智能表单实战系列(三)分块表单配置详解什么是Bootstrap?Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的。历史Bootstrap是由Twitter的MarkOtto和JacobThornton开发的oBootstrap是2011年八月在Gitllub上发布的开源产品。Bootstrap包的内容基本结构:Bootstrap捉供了一个带冇网格系统、链接样式、背景的基本结构。这将在Bootstrap基本结构部分详细讲解。CSS:Bootstrap自带以下特性:全局的CSS设置、定义基本的HTML元素样式、可扩展的class,以及一个先进的网格系统。这将在BootstrapCSS部分详细讲解。组件:Bootstrap包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等等。这将在布局组件部分详细讲解。JavaScript插件:Bootstrap包含了十几个自定义的jQuery插件。您可以直接包含所有的插件,也可以逐个包含这些插件。这将在Bootstrap插件部分详细讲解。定制:您可以定制Bootstrap的组件、LESS变量和jQuery插件来得到您自己的版木。以上所述都是为下文做铺垫,下面给大家介绍分块表单配置的知识,具体如下所示:相信朋友肯定碰到过一个编辑页面分了很多块的情况,智能表单插件已经为您支持了这种情况,代码如下(链接地址:https:///xiexingen/BootsLrap-SmartForm/blob/master/demo/form2-group-):<!DOCTYPEhtml><htmllang=,zen〃><head><metacharset二〃UTF-8〃><title>分组表单</title>〈linkrcl二"stylesheet"href二"…/css/bootstrap・css"〉<!--自定义站点样式-->〈linkrel二"stylesheet"href二"…/css/site・css"〉<scriptsrc="…/lib/></script><scriptsre二〃../lib/〃X/script><!--工具方法--><scriptsrc="…/scripts/">〈/script>〈!--插件--><scriptsrc="…/scripts/></script></head>〈body〉<divclass二〃panelpanel-default"〉<divclass=,/panel-headingz,><label>分组表单</label></div><divclass二〃panel-body"〉<formaction二id二〃formContainer,zclass二〃formform-horizontal〃>〈/form></div></div><divclass二〃panelpanel-default"〉<divclass二〃panel-heading〃>〈label>介绍〈/labelX/div><divclass=,zpanel_body,,>〈h3>与其他配置项一样样的

BootStrap智能表单实战系列(三)分块表单配置详解 javascript技巧 来自淘豆网m.daumloan.com转载请标明出处.

非法内容举报中心
文档信息
  • 页数4
  • 收藏数0 收藏
  • 顶次数0
  • 上传人pppccc8
  • 文件大小55 KB
  • 时间2019-07-21