bookstrap form表单简单-smart-form
代码：
<form class="smart-form" id="smartForm">
<fieldset>
<legend>新建抽取任务</legend>
<div class="row"> <section class="col col-2 text-right">
<label class="text">数据源：</label>
</section>
<section class="col col-4">
<label class="input">
<select id="dataSourceid" name="dataSourceid" class="form-control">
<option value="">--请选择--</option>
<c:forEach var="item" items="${dataSources }"> <option value="${item.id}">${item.connection_name }</option>
</c:forEach>
</select>
</label>
</section>
</div>
<div class="row"> <section class="col col-2 text-right">
<label class="text">表名：</label>
</section>
<section class="col col-4">
<label class="input">
<select id="tablename" name="tablename" class="form-control">
<option value="">--请选择--</option>
</select>
</label>
</section>
<section class="col col-4">
<label class="input">
<select id="encoding" name="encoding" class="form-control">
<option value="">--请选择--</option>
<option value="UTF-8">UTF-</option>
<option value="ISO-8859-1">ISO--</option>
<option value="UTF-16">UTF-</option>
<option value="GBK">GBK</option>
</select>
</label>
</section>
</div>
<div class="row"> <section class="col col-2 text-right">
<label class="text">字段集：</label>
<input type="hidden" placeholder="字段集" id="fields" name="fields">
<input type="hidden" placeholder="隐含方法" id="anonyfunc" name="anonyfunc">
</section>
<section class="col col-5" id="fields_div1">
<div class="row">
<section class="col">
<label class="checkbox">
<input type="checkbox" name="permissions[4].sn" value="edit" checked="checked" rel="">改(edit)
<input type="hidden" name="permissions[4].name" value="改" rel=""/>
<i></i>
</label>
</section>
<section class="col col-4">
<label class="input"><select name=""><option value="">--请选择--</option></select>
</label>
</section>
</div>
</section>
<section class="col col-5" id="fields_div2">
<div class="row">
<section class="col">
<label class="checkbox">
<input type="checkbox" name="permissions[4].sn" value="edit" checked="checked" rel="">改(edit)
<input type="hidden" name="permissions[4].name" value="改" rel=""/>
<i></i>
</label>
</section>
<section class="col col-4">
<label class="input"><select name=""><option value="">--请选择--</option></select>
</label>
</section>
</div>
</section> </div> <div class="row"> <section class="col col-2 text-right">
<label class="text">增量/全量：</label>
</section>
<section class="col">
<label class="radio">
<input type="radio" name="isfull" value="">增量
<i></i>
</label>
</section>
<section class="col">
<label class="radio">
<input type="radio" name="isfull" value="" checked> 全量
<i></i>
</label>
</section>
</div> <div class="row"> <section class="col col-2 text-right">
<label class="text">增量字段：</label>
</section>
<section class="col">
<label class="input">
<select id="incrementalField" name="incrementalField" class="form-control">
<option value="">--请选择--</option>
</select>
</label>
</section>
</div>
<div class="row"> <section class="col col-2 text-right">
<label class="text">过滤条件：</label>
</section>
<section class="col col-8">
<label class="input">
<textarea class="form-control" rows="" id="filterCondition" name="filterCondition"></textarea>
</label>
</section>
</div>
<div class="row">
<section class="col col-6">
</section>
<section class="col col-2">
<button type="button" class="btn btn-primary form-control" onclick="doSubmit()" >确定</button>
</section>
<section class="col col-2">
<button type="button" class="btn btn-default form-control" onclick="canclepage()" >取消</button>
</section>
<section class="col col-2"> </section>
</div>
</fieldset>
</form>
bookstrap form表单简单-smart-form的更多相关文章
- jQuery Form 表单提交插件----Form 简介，官方文档，官方下载地址
一.jQuery Form简介 jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Form有两个核心方法 -- ajaxF ...
- [php基础]PHP Form表单验证:PHP form validator使用说明
在PHP网站开发建设中,用户注册.留言是必不可少的功能,用户提交的信息数据都是通过Form表单提交,为了保证数据的完整性.安全性,PHP Form表单验证是过滤数据的首要环节,PHP对表单提交数据的验 ...
- Form表单插件jquery.form.js
常常使用到这个插件,但是老忘记怎么使用,现在对大家写的进行一定的整合. 使用插件实例: 一般的使用方法 <!-- 引入jquery文件 --> <script src="h ...
- jquery提交form表单插件jquery.form.js
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- jQuery插件 -- Form表单插件jquery.form.js<转>
jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmi ...
- （转）jQuery插件 -- Form表单插件jquery.form.js
beforeSubmit: validate function validate(formData, jqForm, options) { //在这里对表单进行验证,如果不符合规则,将返回false来 ...
- Jquery组织Form表单提交之Form submission canceled because the form is not connected
有时候导出Excel时需要根据某些条件筛选数据,然后将数据通过NPOI生成Excel并导出.组织数据时可以通过放到一个表单中,某些场景是使用脚本(如:jquery)组织一个form(通过字符串拼接), ...
- jQuery插件 -- Form表单插件jquery.form.js
http://blog.csdn.net/zzq58157383/article/details/7718956 http://my.oschina.net/i33/blog/77250
- Django学习笔记（6）——Form表单
知识储备:HTML表单form学习 表单,在前端页面中属于最常见的一个东西了.基本上网站信息的提交都用到了表单,所以下面来学习Django中优雅的表单系统:Form 表单的主要作用是在网页上提供一个图 ...
随机推荐
- Jmeter之关联——常用提取器
Jmeter关联 所谓关联,从业务角度讲,即:某些操作步骤与其相邻步骤存在一定的依赖关系,导致某个步骤的输入数据来源于上一步的返回数据,这时就需要“关联”来建立步骤之间的联系. 简单来说,就是:将上一 ...
- Pycharm中通过扩展工具添加QTDesigner
1.在电脑中找到Designer.exe的安装目录: 2.在pycharm中打开file->Settings->Tools->External Tools进行配置: 配置如下图所示: ...
- 散列--P1047 校门外的树
题目描述 某校大门外长度为L的马路上有一排树,每两棵相邻的树之间的间隔都是1米.我们可以把马路看成一个数轴,马路的一端在数轴0的位置,另一端在L的位置:数轴上的每个整数点,即0,1,2,-,L,都种有 ...
- JavaScript Simple Explain and Use
Javascript 说明: JavaScript 和 Java 之间几乎没有任何关系. JavaScript原名为LiveScript,他的作用只是为了处理一些复杂的动态网页. 目前,JS是遵循EC ...
- [不断更新中] 各种错误&&总结
各种错误 无论感觉多稳都要对拍对拍对拍!!! 不要爆long long 不要爆long long 不要爆long long 不要爆long long 不要爆long long 不要爆long long ...
- linux网络不通，如何解决
(Network is unreachable)表示网络不可达,先ping一个外网网段检测是否通畅,(如ping不通)检查防火墙是否阻挡,网关是否正确,再检查网卡配置文件(注:网卡配置顺序错误,也可导 ...
- Java核心技术 卷一 复习笔记(甲
1.数据类型包含八种基本类型,其中四种整形(int/short/long/byte),两种浮点类型(float/double), 一种用于表示Unicode编码的字符类型char,一种表示真值的boo ...
- PAT 1125 Chain the Ropes
Given some segments of rope, you are supposed to chain them into one rope. Each time you may only fo ...
- elasticsearch数据库使用
elasticsearch的一个最为显著的优点:快速全文检索.关于elasticsearch 全文检索的原理,请看:https://blog.csdn.net/wolfcode_cn/article/ ...
- (远程调试)-idea
远程调试 1.开启远程调试的端口 tomcat示例: catalina.bat jpda start