bootstrap-suggest-plugin          DEMO下载 1.准备:页面引入(点击下载) <link rel="stylesheet" href="../../js/bootstrap.min.css" /> <script src="../../js/jquery.min.js"></script> <script src="../../js/bootstrap.min…
Bootstrap历练实例:导航中的表单,它是使用class.navbar-form类,这确保了表单适当的垂直对齐和在较窄的视口中折叠的行为,使用这个对齐方式选项来决定导航栏中的内容放置在哪里. 实例: <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>…
早上在公交车上看了一个关于慕课网的教程<表单验证的validate.js插件---jQuery Validation Plugin>,正好可以用到自己近期开发简易微博的注册页面和登录页面,插件全名叫jquery.validate.js,在引入jquery.validate.js之前要先将jquery.js引入.这个插件主要用于表单的验证,用户在注册和登录时体验十分不错!由于自己只了解关于validate的皮毛,只会简单的应用rule规则和message自定义提示,事实上,validate还有其…
1 在student_list添加一个a标签, <p><a href="/app01/add_student" class="btn btn-primary">添加</a> </p> 2 urls分发路由 url(r'^app01/', include('app01.urls')), url(r'^add_student$', views.add_student), 3 前端 <!DOCTYPE html>…
插件名:Drag and Drop Multiple File Upload - Contact Form 7 (ps:如果是弹窗表单,不要使用这个插件Drag and Drop Multiple File Upload - Contact Form 7,而是用自带的cf7,参考http://tsctube.mmler.cn/ form结构[file your-files filetypes:jpg|png|pdf|dxf|dwg limit:20mb] js if ($('form input…
继续上篇的基础部分延伸,主要说一下列表,表格,表单相关Bootstrap框架变化以及基础知识. 1.列表篇 除了HTML提供的三种基本列表样式: 无序列表 <ul> <li>…</li> </ul> 有序列表 <ol> <li>…</li> </ol> 定义列表 <dl> <dt>…</dt> <dd>…</dd> </dl> Bootst…
Bootstrap表格   表格类:    .table只会在表行之间增加横线;    .table-striped会在表格行之间增减斑马线;    .table-hover会给表设置鼠标悬停状态;    .table-border会为所有的表格添加边框;    .table-condensed让表格更加紧凑;  tr,td,th类    .active让某一行单元格或者行处于激活状态;    .success表示成功的样式;    .warning表示警告的样式;    .danger表示危险…
1.传值:index下标传值.页面navigator传值 1.index下标 实现方式是:data-index="{{index}}"挖坑及e.currentTarget.dataset.index来填坑即可 2.<navigator>标签 <navigator url="../enlist/enlist?unitPrice={{common.act_fee}}&is_home=0&a_id={{common.a_id}}">…
提到<input type="image"  />,说起来有些惭愧.之前的工作基本每周都要制作两到三个注册用户的网页.其中就用它提交表单. 那个时候我想当然的以为这是用js操作,才把表单数据提交的.直到前几天同事问到了这个问题,我还以为用js提交表单,为此还打了一个 赌,虽然赌注很小,不用想结果我输了.今天对它做个总结: code: <html lang="zh"> <head> <meta charset="UT…
隐藏input等表单的默认样式的背景: textarea,select,input{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;} 让div看起来像按钮: div{appearance:button;-moz-appearance:button; /* Firefox */-webkit-appearance:button; /* Safari 和 Chrome */…