代码：

 <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的更多相关文章

  1. jQuery Form 表单提交插件----Form 简介，官方文档，官方下载地址

     一.jQuery Form简介 jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Form有两个核心方法 -- ajaxF ...

  2. [php基础]PHP Form表单验证:PHP form validator使用说明

    在PHP网站开发建设中,用户注册.留言是必不可少的功能,用户提交的信息数据都是通过Form表单提交,为了保证数据的完整性.安全性,PHP Form表单验证是过滤数据的首要环节,PHP对表单提交数据的验 ...

  3. Form表单插件jquery.form.js

    常常使用到这个插件,但是老忘记怎么使用,现在对大家写的进行一定的整合. 使用插件实例: 一般的使用方法 <!-- 引入jquery文件 --> <script src="h ...

  4. jquery提交form表单插件jquery.form.js

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  5. jQuery插件 -- Form表单插件jquery.form.js<转>

    jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmi ...

  6. （转）jQuery插件 -- Form表单插件jquery.form.js

    beforeSubmit: validate function validate(formData, jqForm, options) { //在这里对表单进行验证,如果不符合规则,将返回false来 ...

  7. Jquery组织Form表单提交之Form submission canceled because the form is not connected

    有时候导出Excel时需要根据某些条件筛选数据,然后将数据通过NPOI生成Excel并导出.组织数据时可以通过放到一个表单中,某些场景是使用脚本(如:jquery)组织一个form(通过字符串拼接), ...

  8. jQuery插件 -- Form表单插件jquery.form.js

    http://blog.csdn.net/zzq58157383/article/details/7718956 http://my.oschina.net/i33/blog/77250

  9. Django学习笔记（6）——Form表单

    知识储备:HTML表单form学习 表单,在前端页面中属于最常见的一个东西了.基本上网站信息的提交都用到了表单,所以下面来学习Django中优雅的表单系统:Form 表单的主要作用是在网页上提供一个图 ...

随机推荐

  1. union与union all

    union在合并A和B表的时候会先将B表中的数据与A表进行比较,若A表中已存在,则忽略. union all合并时则不比较,直接将A表与B表进行合并. 因此,若已知A与B不存在重复数据,那么union ...

  2. jquery.ajax之beforeSend方法使用介绍

    常见的一种效果,在用ajax请求时,没有返回前会出现前出现一个转动的loading小图标或者“内容加载中..”,用来告知用户正在请求数据.这个就可以用beforeSend方法来实现. 下载demo:a ...

  3. POJ_1018_(dp)

    Communication System Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 28273   Accepted:  ...

  4. 并发编程学习笔记(13)----ConcurrentLinkedQueue(非阻塞队列)和BlockingQueue(阻塞队列)原理

    · 在并发编程中,我们有时候会需要使用到线程安全的队列,而在Java中如果我们需要实现队列可以有两种方式,一种是阻塞式队列.另一种是非阻塞式的队列,阻塞式队列采用锁来实现,而非阻塞式队列则是采用cas ...

  5. 并发编程学习笔记(8)----ThreadLocal的使用及源码分析

    1. ThreadLocal的理解 ThreadLocal,顾名思义,就是线程的本地变量,ThreadLocal会为每个线程创建一个本地变量副本,使得使用ThreadLocal管理的变量在多线程的环境 ...

  6. java_线程类的基本功能

    Thread类是实现了Runnable接口 其方法有: start()开始:开始线程 run()跑:线程内容 currentThread()现在的线程:返回当前线程 getName():获取线程名 s ...

  7. php file_get_contents函数分段读取大记事本或其它文本文件

    当我们遇到文本文件体积很大时,比如超过几十M甚至几百M几G的大文件,用记事本或者其它编辑器打开往往不能成功,因为他们都需要把文件内容全部放到内存里面,这时就会发生内存溢出而打开错误,遇到这种情况我们可 ...

  8. django在验证登录页面时遇到的数据查询问题

    数据库查询时针对不存在的用户名进行验证 django在查询数据库时,可以使用get和filter两种方法. 两者的区别 当数据库内不存在该数据时,get会返回异常,而filter会返回空. 当数据库内 ...

  9. ocelot+consul+identity4的使用demo

    Ocelot网关搭建 搭建core控制台项目 本demo采用2.1版本 命名为APPIGateWay 在Nuget包中添加Ocelot引用 选用8.0.0版本 添加Ocelot.json 文件 内容为 ...

  10. PatentTips – GPU Saving and Restoring Thread Group Operating State

    BACKGROUND OF THE INVENTION The present invention relates generally to single-instruction, multiple- ...