您的位置：首页 > Web前端 > JavaScript

js-表单

2016-06-14 20:33 281 查看
表单添加.jsp

<HTML>
<HEAD>
<LINK rel="shortcut icon" href="../fav.ico">
<!--<link href="../../baseui/themes/default/css/reset.css" rel="stylesheet"/> <link href="../../baseui/themes/default/css/grids.css" rel="stylesheet"/> <link href="../../baseui/themes/default/css/base.css" rel="stylesheet"/> <link href="../../baseui/themes/default/css/baseV1.2.0.css" rel="stylesheet"/>-->
<!--<link href="../../baseui/themes/default/css/ie.css" rel="stylesheet"/> <![endif]-->
<!--<link href="assets/css/docs.css" rel="stylesheet"/> <link href="assets/js/snippet/jquery.snippet.css" rel="stylesheet"/> -->
<DIV class=wrapper>
<DIV class=pageTitle>
<H3>添加用户</H3>
</DIV>
<DIV class=pageContent>
<FORM id=userInfo class="form-horizontal form-input" method=post
action="">
<INPUT name=user.orgId value=2 type=hidden>
<!-- value = -->
<FIELDSET>
<LEGEND>基本信息</LEGEND>
<DIV class=control-group>
<LABEL class=control-label><EM>*</EM>用户名称：</LABEL>
<DIV class=controls>
<INPUT id=userNameInput class=auto-input name=user.name
maxLength=64 required="true" vtype="common">
</DIV>
</DIV>
<DIV class=control-group>
<LABEL class=control-label>描述信息：</LABEL>
<DIV class=controls>
<TEXTAREA id=user-desc class=auto-input rows=5 name=user.desc
type="text" value="" maxlength="200"></TEXTAREA>
</DIV>
</DIV>
<DIV class=control-group>
<LABEL class=control-label><EM>*</EM>用户等级：</LABEL>
<DIV class=controls>
<SELECT class=required name=user.level>
<OPTION value=10>10</OPTION>
<OPTION value=20>20</OPTION>
<OPTION value=30>30</OPTION>
<OPTION value=40>40</OPTION>
<OPTION selected value=50>50</OPTION>
<OPTION value=60>60</OPTION>
<OPTION value=70>70</OPTION>
<OPTION value=80>80</OPTION>
<OPTION value=90>90</OPTION>
</SELECT>
</DIV>
</DIV>
<DIV class=control-group>
<LABEL class=control-label>生效日期：</LABEL>
<DIV class=controls>
<INPUT class="hikui-calendar Wdate datetimepicker"
name=user.beginTime hikmap="_hik_1_"
maxdate="#F{$dp.$N('user.endTime')||\'2099-12-31 23:59:59\';}"
mindate="#F{\'1970-01-01 00:0:00\'}" showtime="true"
hikui="calendar">
</DIV>
</DIV>
<DIV class=control-group>
<LABEL class=control-label>失效日期：</LABEL>
<DIV class=controls>
<INPUT class="hikui-calendar Wdate datetimepicker"
name=user.endTime hikmap="_hik_2_"
maxdate="#F{\'2099-12-31 23:59:59\'}"
mindate="#F{$dp.$N('user.beginTime')||\'1970-01-01 00:00:00';}"
showtime="true" hikui="calendar">
</DIV>
</DIV>
<DIV class=control-group>
<LABEL class=control-label>性别：</LABEL>
<DIV class=controls>
<LABEL><SPAN class=check><INPUT name=user.gender
value=1 CHECKED type=radio></SPAN><SPAN>男</SPAN></LABEL> <LABEL><SPAN
class=check><INPUT name=user.gender value=2 type=radio></SPAN><SPAN>女</SPAN></LABEL>
</DIV>
</DIV>
<DIV class=control-group>
<LABEL class=control-label>证件类型：</LABEL>
<DIV class=controls>
<SELECT id=select onchange=selOption(this.value) class=required
name=user.cardType>
<OPTION selected value="">请选择</OPTION>
<OPTION value=1>居民身份证</OPTION>
<OPTION value=2>士官证</OPTION>
<OPTION value=3>学生证</OPTION>
<OPTION value=4>驾驶证</OPTION>
<OPTION value=5>护照</OPTION>
<OPTION value=6>其他</OPTION>
</SELECT>
</DIV>
</DIV>
<DIV style="DISPLAY: none" id=cardNumber class=control-group>
<LABEL class=control-label><EM style="DISPLAY: none"
id=card-no-em>*</EM>证件号码：</LABEL>
<DIV class=controls>
<INPUT id=card-no class=auto-input name=user.cardNo maxLength=64
vtype="common">
</DIV>
</DIV>
<DIV class=control-group>
<LABEL class=control-label>办公邮件：</LABEL>
<DIV class=controls>
<INPUT id=user-email class=auto-input name=user.email maxLength=64
vtype="email">
</DIV>
</DIV>
<DIV class=control-group>
<LABEL class=control-label>办公电话：</LABEL>
<DIV class=controls>

4000
<INPUT id=user-tel class=auto-input name=user.tel maxLength=14
vtype="tel">
</DIV>
</DIV>
<DIV class=control-group>
<LABEL class=control-label>手机号码：</LABEL>
<DIV class=controls>
<INPUT id=user-mobile class=auto-input name=user.mobile
maxLength=11 vtype="mobile">
</DIV>
</DIV>
<DIV class=control-group>
<LABEL class=control-label>传真号码：</LABEL>
<DIV class=controls>
<INPUT id=user-fax class=auto-input name=user.fax maxLength=14
vtype="tel">
</DIV>
</DIV>
</FIELDSET>
<FIELDSET>
<LEGEND>登录信息</LEGEND>
<DIV class=control-group>
<LABEL class="control-label item"><SPAN class=check><INPUT
onclick=upLogin(this) CHECKED type=checkbox><SPAN>账号密码登录</SPAN></SPAN></LABEL>
<DIV class=controls></DIV>
</DIV>
<DIV id=div-login-account class=control-group>
<LABEL class=control-label><EM>*</EM>登录账号：</LABEL>
<DIV class=controls>
<INPUT id=user-loginAccount class=auto-input
name=user.loginAccount maxLength=64 required="true"
vtype="common" includechars=" ">
</DIV>
</DIV>
<DIV id=div-password class=control-group>
<LABEL class=control-label><EM>*</EM>登录密码：</LABEL>
<DIV class=controls>
<INPUT id=user-password class=auto-input name=user.password
value="" type=password required="true">
</DIV>
</DIV>
<DIV id=div-password-confirm class=control-group>
<LABEL class=control-label><EM>*</EM>确认密码：</LABEL>
<DIV class=controls>
<INPUT id=user-passwordconfirm class=auto-input value=""
type=password required="true">
</DIV>
</DIV>
<DIV style="DISPLAY: none">
<!-- 证书先隐藏,要取消隐藏删除DIV -->
<DIV class=control-group>
<LABEL class="control-label item"><SPAN class=check><INPUT
onclick=certLogin(this) type=checkbox><SPAN>数字证书登录</SPAN></SPAN></LABEL>
<DIV class=controls></DIV>
</DIV>
<DIV style="DISPLAY: none" id=div-pki class=control-group>
<LABEL class=control-label><EM>*</EM>证书认证信息：</LABEL>
<DIV class=controls>
<INPUT id=user-certificate class=auto-input name=user.certificate
maxLength=64 vtype="common">
</DIV>
</DIV>
</DIV>
</FIELDSET>
<DIV class=form-actions>
<A id=user-submit class="buttonM bBlue" type=submit>保存</A> <A
id=user-back class="buttonM bBack"
href="javascript:$.history('/web/module/uoupm/privilege/user/listUser.action?orgId=2')"
type=cancel><SPAN class="ico i-backward"></SPAN><SPAN>返回</SPAN></A>
</DIV>
</FORM>
</DIV>
</DIV>
<!-- 以下为通用脚本 -->
<!--
<script src="../../baseui/js/language/messages_zh_cn.js"></script>
<script src="../../baseui/js/plugins/jquery.js"></script>
<script src="../../baseui/js/plugins/jquery-ui.js"></script>
<script src="../../baseui/js/plugins/forms/jquery.form.js"></script><pre name="code" class="javascript"><HTML>
<HEAD>
<LINK rel="shortcut icon" href="../fav.ico">
<!--<link href="../../baseui/themes/default/css/reset.css" rel="stylesheet"/> <link href="../../baseui/themes/default/css/grids.css" rel="stylesheet"/> <link href="../../baseui/themes/default/css/base.css" rel="stylesheet"/> <link href="../../baseui/themes/default/css/baseV1.2.0.css" rel="stylesheet"/>-->
<!--<link href="../../baseui/themes/default/css/ie.css" rel="stylesheet"/> <![endif]-->
<!--<link href="assets/css/docs.css" rel="stylesheet"/> <link href="assets/js/snippet/jquery.snippet.css" rel="stylesheet"/> -->
<DIV class=wrapper>
<DIV class=pageTitle>
<H3>基础信息</H3>
</DIV>
<DIV class=pageContent>
<FORM class=form-horizontal action="">
<FIELDSET>
<LEGEND>
基本信息<SPAN class=action><A id=modify-user-btn
href="javascript:void(0)"><I class="ico i-edit"></I>编辑</A></SPAN>
</LEGEND>
<DIV class="control-group cols4">
<LABEL class=control-label>用户姓名：</LABEL>
<DIV class=controls>rtretwrtewtwe</DIV>
<LABEL class=control-label>状态：</LABEL>
<DIV id=user-status-div class=controls>
<SPAN class="ico i-ok"></SPAN>正常   <A
id=disable-user-btn class="buttonS bDefault"
href="javascript:void(0)">禁用</A>
</DIV>
</DIV>
<DIV class="control-group cols4">
<LABEL class=control-label>用户等级：</LABEL>
<DIV class=controls>50</DIV>
<LABEL class=control-label>描述信息：</LABEL>
<DIV class=controls>(无)</DIV>
</DIV>
<DIV class="control-group cols4">
<LABEL class=control-label>生效日期：</LABEL>
<DIV class=controls>(无)</DIV>
<LABEL class=control-label>失效日期：</LABEL>
<DIV class=controls>(无)</DIV>
</DIV>
<DIV class="control-group cols4">
<LABEL class=control-label>性别：</LABEL>
<DIV class=controls>男</DIV>
<LABEL class=control-label>办公邮件：</LABEL>
<DIV class=controls>(无)</DIV>
</DIV>
<DIV class="control-group cols4">
<LABEL class=control-label>证件类型：</LABEL>
<DIV class=controls>(无)</DIV>
<LABEL class=control-label>证件号码：</LABEL>
<DIV class=controls>(无)</DIV>
</DIV>
<DIV class="control-group cols4">
<LABEL class=control-label>办公电话：</LABEL>
<DIV class=controls>(无)</DIV>
<LABEL class=control-label>手机号码：</LABEL>
<DIV class=controls>(无)</DIV>
</DIV>
<DIV class=control-group>
<LABEL class=control-label>传真号码：</LABEL>
<DIV class=controls>(无)</DIV>
</DIV>
</FIELDSET>
<FIELDSET>
<LEGEND>
登录信息<SPAN class=action><A id=to-modify-user-auth-btn
href="javascript:void(0);"><I class="ico i-edit"></I>编辑</A></SPAN>
</LEGEND>
<DIV class=control-group>
<LABEL class="control-label item">账号密码登录</LABEL>
<DIV class=controls></DIV>
</DIV>
<DIV class="control-group cols4">
<LABEL class=control-label>登录账号：</LABEL>
<DIV class=controls>retrete</DIV>
<LABEL class=control-label>登录密码：</LABEL>
<DIV class=controls>********</DIV>
</DIV>
<DIV style="DISPLAY: none">
<!-- 隐藏,取消则删除DIV -->
<DIV class=control-group>
<LABEL class="control-label item">数字证书登录</LABEL>
<DIV class=controls></DIV>
</DIV>
<DIV class=control-group>
<LABEL class=control-label>证书认证信息：</LABEL>
<DIV class=controls>(无)</DIV>
</DIV>
</DIV>
</FIELDSET>
<FIELDSET>
<LEGEND>权限信息</LEGEND>
<DIV class="btn-toolbar clearfix">
<A id=to-add-role-btn class=buttonS href="javascript:void(0)"><SPAN
class="ico i-assign"></SPAN><SPAN>分配角色</SPAN></A> <A id=del-role-btn
class=buttonS href="javascript:void(0)"><SPAN
class="ico i-del"></SPAN><SPAN>删除</SPAN></A>
</DIV>
<!-- load role_haved_user.jsp -->
<DIV id=role-user-list class=datatable>
<TABLE id=dataT>
<TBODY></TBODY>
</TABLE>
<DIV id=datapage></DIV>
</DIV>
</FIELDSET>
</FORM>
</DIV>
</DIV>
<!-- 以下为通用脚本 -->
<!--
<script src="../../baseui/js/language/messages_zh_cn.js"></script>
<script src="../../baseui/js/plugins/jquery.js"></script>
<script src="../../baseui/js/plugins/jquery-ui.js"></script>
<script src="../../baseui/js/plugins/forms/jquery.form.js"></script>
<script src="../../baseui/js/plugins/forms/jquery.validate.js"></script>
-->

<script src="../../baseui/js/plugins/forms/jquery.validate.js"></script>-->


表单展示.jsp

<HTML>
<HEAD>
<LINK rel="shortcut icon" href="../fav.ico">
<!--<link href="../../baseui/themes/default/css/reset.css" rel="stylesheet"/> <link href="../../baseui/themes/default/css/grids.css" rel="stylesheet"/> <link href="../../baseui/themes/default/css/base.css" rel="stylesheet"/> <link href="../../baseui/themes/default/css/baseV1.2.0.css" rel="stylesheet"/>-->
<!--<link href="../../baseui/themes/default/css/ie.css" rel="stylesheet"/> <![endif]-->
<!--<link href="assets/css/docs.css" rel="stylesheet"/> <link href="assets/js/snippet/jquery.snippet.css" rel="stylesheet"/> -->
<DIV class=wrapper>
<DIV class=pageTitle>
<H3>基础信息</H3>
</DIV>
<DIV class=pageContent>
<FORM class=form-horizontal action="">
<FIELDSET>
<LEGEND>
基本信息<SPAN class=action><A id=modify-user-btn
href="javascript:void(0)"><I class="ico i-edit"></I>编辑</A></SPAN>
</LEGEND>
<DIV class="control-group cols4">
<LABEL class=control-label>用户姓名：</LABEL>
<DIV class=controls>rtretwrtewtwe</DIV>
<LABEL class=control-label>状态：</LABEL>
<DIV id=user-status-div class=controls>
<SPAN class="ico i-ok"></SPAN>正常   <A
id=disable-user-btn class="buttonS bDefault"
href="javascript:void(0)">禁用</A>
</DIV>
</DIV>
<DIV class="control-group cols4">
<LABEL class=control-label>用户等级：</LABEL>
<DIV class=controls>50</DIV>
<LABEL class=control-label>描述信息：</LABEL>
<DIV class=controls>(无)</DIV>
</DIV>
<DIV class="control-group cols4">
<LABEL class=control-label>生效日期：</LABEL>
<DIV class=controls>(无)</DIV>
<LABEL class=control-label>失效日期：</LABEL>
<DIV class=controls>(无)</DIV>
</DIV>
<DIV class="control-group cols4">
<LABEL class=control-label>性别：</LABEL>
<DIV class=controls>男</DIV>
<LABEL class=control-label>办公邮件：</LABEL>
<DIV class=controls>(无)</DIV>
</DIV>
<DIV class="control-group cols4">
<LABEL class=control-label>证件类型：</LABEL>
<DIV class=controls>(无)</DIV>
<LABEL class=control-label>证件号码：</LABEL>
<DIV class=controls>(无)</DIV>
</DIV>
<DIV class="control-group cols4">
<LABEL class=control-label>办公电话：</LABEL>
<DIV class=controls>(无)</DIV>
<LABEL class=control-label>手机号码：</LABEL>
<DIV class=controls>(无)</DIV>
</DIV>
<DIV class=control-group>
<LABEL class=control-label>传真号码：</LABEL>
<DIV class=controls>(无)</DIV>
</DIV>
</FIELDSET>
<FIELDSET>
<LEGEND>
登录信息<SPAN class=action><A id=to-modify-user-auth-btn
href="javascript:void(0);"><I class="ico i-edit"></I>编辑</A></SPAN>
</LEGEND>
<DIV class=control-group>
<LABEL class="control-label item">账号密码登录</LABEL>
<DIV class=controls></DIV>
</DIV>
<DIV class="control-group cols4">
<LABEL class=control-label>登录账号：</LABEL>
<DIV class=controls>retrete</DIV>
<LABEL class=control-label>登录密码：</LABEL>
<DIV class=controls>********</DIV>
</DIV>
<DIV style="DISPLAY: none">
<!-- 隐藏,取消则删除DIV -->
<DIV class=control-group>
<LABEL class="control-label item">数字证书登录</LABEL>
<DIV class=controls></DIV>
</DIV>
<DIV class=control-group>
<LABEL class=control-label>证书认证信息：</LABEL>
<DIV class=controls>(无)</DIV>
</DIV>
</DIV>
</FIELDSET>
<FIELDSET>
<LEGEND>权限信息</LEGEND>
<DIV class="btn-toolbar clearfix">
<A id=to-add-role-btn class=buttonS href="javascript:void(0)"><SPAN
class="ico i-assign"></SPAN><SPAN>分配角色</SPAN></A> <A id=del-role-btn
class=buttonS href="javascript:void(0)"><SPAN
class="ico i-del"></SPAN><SPAN>删除</SPAN></A>
</DIV>
<!-- load role_haved_user.jsp -->
<DIV id=role-user-list class=datatable>
<TABLE id=dataT>
<TBODY></TBODY>
</TABLE>
<DIV id=datapage></DIV>
</DIV>
</FIELDSET>
</FORM>
</DIV>
</DIV>
<!-- 以下为通用脚本 -->
<!--
<script src="../../baseui/js/language/messages_zh_cn.js"></script>
<script src="../../baseui/js/plugins/jquery.js"></script>
<script src="../../baseui/js/plugins/jquery-ui.js"></script>
<script src="../../baseui/js/plugins/forms/jquery.form.js"></script>
<script src="../../baseui/js/plugins/forms/jquery.validate.js"></script>
-->
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航