代码：

 <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. docker常用命令理解

    docker help Commands: attach Attach local standard input, output, and error streams to a running con ...

  2. Java基础(三)--final关键字

    final通常是指"不可改变的",例如我们使用的常量 通常可以有三种使用情况: 一.final修饰数据 如果final修饰数据,也就是通常所说的常量,从字面上看,常量就是不能修改的 ...

  3. Python自学-1-基本概念问题

    C语言适合开发那些追求运行速度.充分发挥硬件性能的程序. Python是用来编写应用程序的高级编程语言. Python提供了 第三方库 & 基础代码库(覆盖了网络.文件.GUI.数据库.文本等 ...

  4. 重启rsyncd

    systemctl  restart  rsyncd.service

  5. 服务器 获取用户 真实ip

    在有代理的情况下,因为要代替客户端去访问服务器,所以,当请求包经过反向代理后,在代理服务器这里这个IP数据包的IP包头做了修改,最终后端WEB服务器得到的数据包的头部源IP地址是代理服务器的IP地址. ...

  6. No value specified for parameter1？

    我使用的是jdbcTemplate,因为忘记向list中加入参数,所以报错. 解决方案,: String sql = "select * from table where id = ?&qu ...

  7. ubuntu jdk和tomcat配置

    先查看linux的版通过file /sbin/init命令,下载对应版本的jdk. 我的ubuntu是64位的(桌面系统),所以下载的是jdk-7u71-linux-x64.tar.gz 在home的 ...

  8. day21 01 包的初识

    day21 01包的初识 包:把解决一类问题的模块放在同一个文件夹里面-----包(一个包里面通常会含有_init_.py文件(python2里面必须有),但是后面的就没有要求一定要有了) 同样导入的 ...

  9. mysql数据库变更监控(canal)

    背景: 1. 一些项目的基础功能会有Audit Trace, 以记录系统用户所做过的所有记录. 2. 实时备份数据,比如mysql主从复制,一个用于面向应用,一个用于对应用数据库的实时备份. 3. 实 ...

  10. vue 刷新当前页面的时候重新调用新的cookie

    data() { return{ AdminToken: this.getCookie('token'), } }, updated() { //刷新当前页面的时候重新调用新的cookie this. ...