代码：

 <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. QT，折腾的几天-----关于 QWebEngine的使用

    几天前,不,应该是更早以前,就在寻找一种以HTML5+CSS+Javascript的方式来写桌面应用的解决方案,为什么呢?因为前端那套可以随心所欲的写样式界面啊,恩.其实我只是想使用H5的一些新增功能 ...

  2. DataWhale学习计划（第六期）：python基础任务6

    file-settings 然后选择project Interpreter 把project Interpreter复选框里面的地址换成你安装的anaconda下的python.exe的地址,点击sh ...

  3. js异步请求

    目前async / await特性并没有被添加到ES2016标准中,但不代表这些特性将来不会被加入到Javascript中.在我写这篇文章时,它已经到达第三版草案,并且正迅速的发展中.这些特性已经被I ...

  4. js判断是安卓 还是 ios webview？

    通过判断浏览器的userAgent,用正则来判断是否是ios和Android客户端.代码如下: <script type="text/javascript"> var ...

  5. Oracle 把一个用户所有表的读权限授予另一个用户

    create user <USER_NAME> identified by <PASSWORD>; grant create session TO <USER_NAME& ...

  6. 第二节:1_C#中的委托的使用和讲解(转)

    C# 中的委托 引言 委托 和 事件在 .Net Framework中的应用非常广泛,然而,较好地理解委托和事件对很多接触C#时间不长的人来说并不容易.它们就像是一道槛儿,过了这个槛的人,觉得真是太容 ...

  7. @ExceptionHandler和@ControllerAdvice统一处理异常

    //@ExceptionHandler和@ControllerAdvice统一处理异常//统一处理异常的controller需要放在和普通controller同级的包下,或者在ComponentSca ...

  8. TWaver 3D作品Viewer查看器

    为了让开发者更方便的对各类3D模型.设备.物体进行浏览和查看,我们直接封装了mono.Viewer组件.它可以直接根据给定的数据源(json.obj.url等)进行数据加载和浏览展示.对于一般的3D设 ...

  9. flex 三列布局

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

  10. Django-Rest framework中文翻译-generic-views

    通用视图 Django的通用视图......被开发为常见用法模式的快捷方式......它们采用视图开发中的某些常见习语和模式并对其进行抽象,以便您可以快速编写数据的常用视图,而无需重复自己. - Dj ...