首页 > 代码库 > bookstrap form表单简单-smart-form
bookstrap form表单简单-smart-form
代码:
<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=http://www.mamicode.com/"">--请选择--</option> <c:forEach var="item" items="${dataSources }"> <option value=http://www.mamicode.com/"${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=http://www.mamicode.com/"">--请选择--</option> </select> </label> </section> <section class="col col-4"> <label class="input"> <select id="encoding" name="encoding" class="form-control"> <option value=http://www.mamicode.com/"">--请选择--</option> <option value=http://www.mamicode.com/"UTF-8">UTF-8</option> <option value=http://www.mamicode.com/"ISO-8859-1">ISO-8859-1</option> <option value=http://www.mamicode.com/"UTF-16">UTF-16</option> <option value=http://www.mamicode.com/"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=http://www.mamicode.com/"edit" checked="checked" rel="4">改(edit) <input type="hidden" name="permissions[4].name" value=http://www.mamicode.com/"改" rel="4"/> <i></i> </label> </section> <section class="col col-4"> <label class="input"><select name=""><option value=http://www.mamicode.com/"">--请选择--</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=http://www.mamicode.com/"edit" checked="checked" rel="4">改(edit) <input type="hidden" name="permissions[4].name" value=http://www.mamicode.com/"改" rel="4"/> <i></i> </label> </section> <section class="col col-4"> <label class="input"><select name=""><option value=http://www.mamicode.com/"">--请选择--</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=http://www.mamicode.com/0"">增量 <i></i> </label> </section> <section class="col"> <label class="radio"> <input type="radio" name="isfull" value=http://www.mamicode.com/"1" 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=http://www.mamicode.com/"">--请选择--</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="5" 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
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。