js-表单

于 2016-06-14 20:33:36 发布
阅读量383 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dingdangwang/article/details/51674457
版权

表单添加.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 οnchange=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>
						<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
							οnclick=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
								οnclick=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>
-->
 

 

 

 


 

                

        

        

    

  


    

      

        

            

              
                
                  dingdangwang
                
              
            

            

                关注
              
            

        

        

          
      

      









              

  



          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值