代码：

 <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. 远程图形界面：使用putty+xmin远程登录ubuntu-kde

    让我继续用反人类的编辑器Vim和emacs,我宁愿自断三指.因此,在Win端配置WinSCP+Putty+Xming远程操作ubuntu. 参考链接:putty+xming远程登录Ubuntu16.0 ...

  2. Win10 “此环境变量太大。此对话框允许将值设置为最长2047个字符。" 解决方法。

    打开注册表 HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Session Manager\Environment 双击右边的 Path (RE ...

  3. 数据分片存储，mycat服务器

    关闭防火墙和selinux,配置yum源配置21 .22 数据库(这里以21为例)[root@host21 ~]# tar -xf mysql-5.7.17.tar[root@host21 ~]# y ...

  4. token机制完成登录状态保持/身份认证

    一般APP都是刚安装后,第一次启动时需要登录(提示你需要登录或者直接启动在登录界面).而只要登录成功后,以后每次启动时都是登录状态,不需要每次启动时再次登录.不过,也有些APP若你长期未启动,再次启动 ...

  5. 洛谷——P1850 换教室

    P1850 换教室 有 2n 节课程安排在 nn 个时间段上.在第 i个时间段上,两节内容相同的课程同时在不同的地点进行,其中,牛牛预先被安排在教室 $c_i$​ 上课,而另一节课程在教室 $d_i$ ...

  6. CSS 嵌入，及其选择器

    CSS 1. CSS样式表的几种使用方式 1.元素内嵌 <p style="font-size"></p> 2.内部文档内嵌 <style type= ...

  7. UVA - 1619 Feel Good（扫描法）

    题目: 思路: 预处理出a[i]在哪个范围区间内是最小的,然后直接遍历a数组求答案就可以了. 这个预处理的技巧巧妙的用了之前的处理结果.(大佬tql) 代码: #include <bits/st ...

  8. python_ 学习笔记（基本数据类型）

    python3有6中标准数据类型:Number(数字).String(字符串).List(列表).Tuple(元组).Dictionary(字典).Set(集合)不可变数据:Number.String ...

  9. linux网络不通，如何解决

    (Network is unreachable)表示网络不可达,先ping一个外网网段检测是否通畅,(如ping不通)检查防火墙是否阻挡,网关是否正确,再检查网卡配置文件(注:网卡配置顺序错误,也可导 ...

  10. python re模块与正则

    1. re模块 1.1 转义符 正则表达式中的转义符在python的字符串中也刚好有转移的作用,但是正则表达式中的转义符和字符串中的转义符并没关系,且还容易有冲突. 为了避免这种冲突,我们所有的正则都 ...