代码：

 <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. tomcat 访问IP直接访问项目

    apache-tomcat-7.0.52\conf下server.xml文件 <Connector connectionTimeout="20000" port=" ...

  2. 并发编程学习笔记(10)----并发工具类CyclicBarrier、Semaphore和Exchanger类的使用和原理

    在jdk中,为并发编程提供了CyclicBarrier(栅栏),CountDownLatch(闭锁),Semaphore(信号量),Exchanger(数据交换)等工具类,我们在前面的学习中已经学习并 ...

  3. vue基础---介绍

    (1)声明式渲染 Vue.js 的核心是采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统: ①文本 <div id="app"> {{ message }} & ...

  4. 02C语言基本语法

    C语言基本语法 注释 //行注释 /* 块注释*/ 标识符 标识符是用来标识变量.函数.任何其他用户自定义项目的名称:一个标识符以字母 A-Z 或 a-z 或下划线 _ 开始,后跟零个或多个字母.下划 ...

  5. 题解 洛谷P1501/BZOJ2631【[国家集训队]Tree II】

    Link-Cut-Tree 的懒标记下传正确食用方法. 我们来逐步分析每一个操作. 1:+ u v c:将u到v的路径上的点的权值都加上自然数c; 解决方法: 很显然,我们可以 split(u,v) ...

  6. rem js 自适应布局

    (function(doc, win) { resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',//o ...

  7. pyinstaller打包问题总结

    1.pyinstaller常见用法 -w:禁止cmd窗口 -F:打包为单文件 比如:pyinstaller -w -F test.py 2.QT中UI转py文件 pyuic5 test.ui -o t ...

  8. msdn的原版windows下载地址链接

    http://msdn.itellyou.cn/ 所有版本的下载地址 进去点左边操作系统

  9. python3中post请求里带list报错

    这个post请求的数据太长,一般data=,json=就够了. 但是今天这个一直报错,用json吧,报缺少参数,用data吧,报多余[. 后来改成data=,并把数据中的[] 用引号括起来," ...

  10. OS X中crt中文乱码

    SecureCRT中显示乱码的话,可以去设置为UTF-8编码: Session Options->Terminal->Appearance->Character Encoding,设 ...