html5 bootstrap的名单管理(重构之前）

最新推荐文章于 2024-06-28 09:17:27 发布
最新推荐文章于 2024-06-28 09:17:27 发布
阅读量1.2k 收藏
点赞数
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/dodan/article/details/50461888
版权 
<pre name="code" class="java"><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title><fmt:message key="title.fraud.blacklist"/></title>
<meta name="menu" content="fraud.blacklist" />
</head>
<body class="home">
	<#include "../message.ftl"/>	

	<div class="panel panel-success ">
	  <div class="panel-heading"><h3 class="panel-title">名单管理</h3></div>	 
	</div>	
	   <select  id ="customerType" class="col-md-7 form-control">
					<option value="1"  selected="selected">黑名单</option>
                	<option value="2"  >灰名单</option>                	
          </select>		
		  
		  
		  
   
   <form action="queryBlacklist" method="get" class="well form-inline" id="blackListform" οnsubmit="return checkForm(this)" >      
		
		<div class="row">
  			<div class="col-xs-4 form-group">
	            <label class="col-md-5 control-label">请选择黑名单类型</label>
				<select id="status" name ="blackListType" class="col-md-7 form-control">
					<option value="1" selected="selected">身份证黑名单</option>
                	<option value="2">银行卡黑名单</option>
                	<option value="3">手机号码黑名单</option> 
					<option value="4">固定电话黑名单</option>
					<option value="5">公司黑名单</option>
                 </select>
	        </div>
			
			<div id="div-idCardNo" class="col-xs-4 form-group">	           
	            <input class="col-md-7 form-control" type="text" id="idcard1" name="blackListValue" placeholder="请输入身份证号" autocomplete="off" onkeydown ="checkIdCard()"	/>
	        </div>			
			<div id="div-bankNumber" class="col-xs-4 form-group">	          
	            <input class="col-md-7 form-control" type="text"  placeholder="请输入银行卡号" autocomplete="off" />
	        </div>			
			<div id="div-mobileNo" class="col-xs-4 form-group">
	           <input class="col-md-7 form-control" id="phoneNumber1" type="text"  placeholder="请输入手机号码" autocomplete="off" />
	        </div>			
			<div id="div-fixNo" class="col-xs-4 form-group">	         
	            <input class="col-md-7 form-control" type="text"   placeholder="请输入固定电话" autocomplete="off"/>
	        </div>			
			<div id="div-companyName" class="col-xs-4 form-group">
	           <input class="col-md-7 form-control" type="text"  placeholder="请输入公司名称" autocomplete="off"/>
			      <input id="customerblackType" name="customerblackType" value="1" />		
	        </div>
			
			<div class="col-xs-4 form-group">
	            <label class="col-md-5 control-label">黑名单状态</label>
	            <select id="status" class="col-md-7 form-control">
					<option value="" >-----请选择----</option>
				    <option value="1" selected="selected">有效</option>   
					<option value="2">无效</option> 
                 </select>
	        </div>		
        	
  		</div>
		
		<button type="submit" class="btn btn-primary">查询</button>  
   </form>
   
   
    <form action="queryBlacklist" method="get" class="well form-inline" id="grayListform">      
		
		<div class="row">
  			<div class="col-xs-4 form-group">
	            <label class="col-md-5 control-label">请选择灰名单类型</label>
				<select id="status1" name ="blackListType" class="col-md-7 form-control">
					<option value="1" selected="selected">身份证灰名单</option>
                	<option value="2">银行卡灰名单</option>
                	<option value="3">手机号码灰名单</option> 
					<option value="4">固定电话灰名单</option>
					<option value="5">公司灰名单</option>
                 </select>
	        </div>
			
			<div id="div-idCardNo1" class="col-xs-4 form-group">	         
	            <input class="col-md-7 form-control" type="text" name="blackListValue" placeholder="请输入身份证号" autocomplete="off" onkeydown ="checkIdCard()"/>
	        </div>
			
		
			
			<div class="col-xs-4 form-group">
	            <label class="col-md-5 control-label">灰名单状态</label>
	            <select id="status" class="col-md-7 form-control">
					<option value="">-----请选择----</option>
				    <option value="1" selected="selected">有效</option>   
					<option value="2">无效</option> 
                 </select>
	        </div>			
  		</div>
		
		<button type="submit" class="btn btn-primary">查询</button>	
		
   </form>
   <div class="row" >
				<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" id="insertBlack">新增黑名单</button>
				
				<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				   <div class="modal-dialog">
					  <div class="modal-content">
						 <div class="modal-header">
							<button type="button" class="close" 
							   data-dismiss="modal" aria-hidden="true">
								  ×
							</button>
							<h4 class="modal-title" id="myModalLabel">
							  插入一条新的黑名单记录
							</h4>
						 </div>
                <div class="modal-body">
				
	<form action="addBlackList" method="get" class="well form-inline" >  

            <div class="col-xs-4 form-group">	          
				<select id="status2" name ="blackListType" class="col-md-7 form-control">
					<option value="1" selected="selected">身份证灰名单</option>
                	<option value="2">银行卡灰名单</option>
                	<option value="3">手机号码灰名单</option> 
					<option value="4">固定电话灰名单</option>
					<option value="5">公司灰名单</option>
                 </select>
	        </div>    
		
		<div class="row">
		       						
			<div id="div-idCardNo2" class="col-xs-4 form-group">	          
	            <input class="col-md-7 form-control" type="text" name="blackListValue" placeholder="请输入所对应的值" autocomplete="off" onkeydown ="checkIdCard()"/>
	        </div>
			
			<div id="div-bankNumber2" class="col-xs-4 form-group">
	          
	            <input class="col-md-7 form-control" type="text" name="blackSource" placeholder="请输入黑名单来源" autocomplete="off"/>
	        </div>
			
			<div id="div-mobileNo2" class="col-xs-4 form-group">   
	           <input class="col-md-7 form-control" type="text" name="blackReason" placeholder="请输入黑名单原因" autocomplete="off" />
	        </div>
			
			<div id="div-fixNo2" class="col-xs-4 form-group">	         
	            <input class="col-md-7 form-control"  id="startDate" type="text" name="validFrom" placeholder="请选择有效期开始时间" autocomplete="off"/>
	        </div>
			
			<div id="div-companyName2" class="col-xs-4 form-group">
	           <input class="col-md-7 form-control" id="endDate" type="text" name="validTo" placeholder="请选择有效期结束时间" autocomplete="off"/>			   	
	        </div>
			
			<div id="div-companyName2" class="col-xs-4 form-group">
	           <input class="col-md-7 form-control" type="text" name="comment1" placeholder="备注" autocomplete="off"/>			   	
	        </div>
			
		   <input id="customerblackType" name="customerblackType" value="1" style="display:none" />
			

							  						
                 </div>
						 <div class="modal-footer">
							<button type="button" class="btn btn-default" 
							   data-dismiss="modal">关闭
							</button>
							<button type="submit" class="btn btn-primary">
							   插入
							</button>
						 </div>
					  </div><!-- /.modal-content -->
				</div><!-- /.modal -->
			</div>
		</div>
   	</form>
	</div>
	
	
	 <div class="row" >
				<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal1" id="insertGray">新增灰名单</button>
				
				<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				   <div class="modal-dialog">
					  <div class="modal-content">
						 <div class="modal-header">
							<button type="button" class="close" 
							   data-dismiss="modal" aria-hidden="true">
								  ×
							</button>
							<h4 class="modal-title" id="myModalLabel">
							  插入一条新的灰名单记录
							</h4>
						 </div>
                <div class="modal-body">
				
	<form action="queryBlacklist" method="get" class="well form-inline" id="blackListform">      
		
		<div class="row" >
  						
			<div id="div-idCardNo" class="col-xs-4 form-group">
	           
	            <input class="col-md-7 form-control" type="text" name="blackListValue" placeholder="请输入身份证号" autocomplete="off" required onkeydown ="checkIdCard()"/>
	        </div>
			
			<div id="div-bankNumber" class="col-xs-4 form-group">
	          
	            <input class="col-md-7 form-control" type="text" name="blackListValue" placeholder="请输入银行卡号" autocomplete="off"/>
	        </div>
			
			<div id="div-mobileNo" class="col-xs-4 form-group">
	           <input class="col-md-7 form-control" type="text" name="blackListValue" placeholder="请输入手机号码" autocomplete="off"/>
	        </div>
			
			<div id="div-fixNo" class="col-xs-4 form-group">	         
	            <input class="col-md-7 form-control" type="text" name="blackListValue"  placeholder="请输入固定电话" autocomplete="off"/>
	        </div>
			
			<div id="div-companyName" class="col-xs-4 form-group">
	           <input class="col-md-7 form-control" type="text" name="blackListValue"  placeholder="请输入公司名称" autocomplete="off"/>
			   	<!--灰名单的模式是2 -->
			   <input id="customerblackType" name="customerblackType" value="2" style="display:none"/>
	        </div>
		
			</form>
							  						
                 </div>
						 <div class="modal-footer">
							<button type="button" class="btn btn-default" 
							   data-dismiss="modal">关闭
							</button>
							<button type="submit" class="btn btn-primary">
							   插入
							</button>
						 </div>
					  </div><!-- /.modal-content -->
					</div><!-- /.modal -->
				</div>
			</div>
   
	</div>

  <!--   显示表格的表单---->
	<table class="table table-bordered" id="table1">
  	 <thead>
      <tr>
        <th>编号</th>     
        <th>身份证号码</th>
        <th>黑名单来源</th>
        <th>黑名单原因</th>
        <th>有效日开始日期</th>
        <th>有效日结束日期</th>
        <th>黑名单状态</th>     
        <th>备注</th>	      	
      </tr>
    </thead>
    <tbody>
      <#if customerBlacks?exists> 
		<#list customerBlacks as item> 
			<tr class="success"> 
			<td id="td1">${item.id?if_exists}</td> 		
			<td id="td2">${item.BlackListValue?if_exists}</td> 
			<td id="td3">${item.blackSource?if_exists}</td> 
		    <td id="td4">${item.blackReason?if_exists}</td> 	
			<td id="td6">${(item.validFrom?string("yyyy-MM-dd"))!} </td> 	
		    <td id="td7">${(item.validTo?string("yyyy-MM-dd"))!}</td> 	
		    <td id="td8">${item.state?if_exists}</td> 	
		    <td id="td9">${item.comment1?if_exists}</td> 	
            <td><a href="javascript:void(0)" οnclick="update(this);">修改</a></td>			
		 </tr> 		
		</#list> 
		</#if>   
    </tbody>
  </table>
  
  
  <div class="modal fade" id="update" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
	<form action="updateBlackList" method="get" class="well form-inline" id="blackListform">

	<div class="row">
	     <div id="div-idCardNo3" class="col-xs-4 form-group">
			<input class="col-md-7 form-control" type="text" id="IdTd" name="id" placeholder="编号" autocomplete="off" required οnchange="checkIdCard()" />
		</div>

		<div id="div-bankNumber2" class="col-xs-4 form-group">

			<input class="col-md-7 form-control" type="text" id="blackSourceTd" name="blackSource" placeholder="黑名单来源" autocomplete="off" />
		</div>

		<div id="div-mobileNo2" class="col-xs-4 form-group">
			<input class="col-md-7 form-control" type="text" id="blackReasonTd" name="blackReason" placeholder="黑名单原因" autocomplete="off" />
		</div>

		<div id="div-fixNo2" class="col-xs-4 form-group">		
		    <input class="col-md-7 form-control" id="startDate1" type="text" name="validFrom" placeholder="有效期结束时间" autocomplete="off" />
		</div>

		<div id="div-companyName2" class="col-xs-4 form-group">
			<input class="col-md-7 form-control" id="endDate1" type="text" name="validTo" placeholder="有效期结束时间" autocomplete="off" />
		</div>
		<div id="div-companyName2" class="col-xs-4 form-group">
			<input class="col-md-7 form-control" id="comment2" type="text" name="comment1" placeholder="备注" autocomplete="off" />
			 <input id="customerblackType1" name="customerblackType" value="1" />	
		</div>
		<div class="modal-footer">
			<button type="button" class="btn btn-default" data-dismiss="modal">取消
			</button>
			<button type="submit" class="btn btn-primary">
				确认修改
			</button>
		</div>
      </form>
				</div>
			</div>
		</div>
  	</div>
  
  
 
  
  
  <#assign start = start!1/>
  <#assign pageSize = pageSize!20/>
  <#assign total = total!0/>
  <#assign previous = start - pageSize/>
  <#assign next = start + pageSize/>
  
 <nav>
	  <ul class="pager">
	    <li <#if (previous <= 0)>class="disabled"</#if>><a <#if (previous <= 0)>class="disabled" οnclick="javascript:return false;" </#if> role="button" href="?start=${previous}&pageSize=${pageSize}">上一页</a></li>
	    <li <#if (next > total)>class="disabled"</#if>><a <#if (next > total)>class="disabled" οnclick="javascript:return false;" </#if> role="button" href="?start=${next}&pageSize=${pageSize}">下一页</a></li>
	  </ul>
</nav>


<script type="text/javascript">


  function update(obj) {
		var tds = $(obj).parent().parent().find('td');
    	$('#IdTd').val(tds.eq(0).text());	
		$('#blackListValueTd').val(tds.eq(1).text());
		$('#blackSourceTd').val(tds.eq(2).text());		        
	    $('#blackReasonTd').val(tds.eq(3).text());
		$('#startDate1').val(tds.eq(4).text());
	    $('#endDate1').val(tds.eq(5).text());
		$('#comment2').val(tds.eq(7).text());
		$('#update').modal('show');
	}


    //黑名单状态下拉列表
	function changeBlacklistStatus(val){
		if(val == '1'){
				$("#div-idCardNo").show();
				$("#div-companyName").hide();
				$("#div-mobileNo").hide();
				$("#div-fixNo").hide();
				$("#div-bankNumber").hide();
				
		
			}else if (val == '2'){
				$("#div-idCardNo").hide();
				$("#div-companyName").hide();
				$("#div-mobileNo").hide();
				$("#div-fixNo").hide();
				$("#div-bankNumber").show();	
				
			}else if (val == '3'){
				$("#div-idCardNo").hide();
				$("#div-companyName").hide();
				$("#div-mobileNo").show();
				$("#div-fixNo").hide();
				$("#div-bankNumber").hide();
	
			}else if (val == '4'){
				$("#div-idCardNo").hide();
				$("#div-companyName").hide();
				$("#div-mobileNo").hide();
				$("#div-fixNo").show();
				$("#div-bankNumber").hide();
				

			}else if (val == '5'){
				$("#div-idCardNo").hide();
				$("#div-companyName").show();
				$("#div-mobileNo").hide();
				$("#div-fixNo").hide();
				$("#div-bankNumber").hide();	
					
			
			}
	}
	
	   //灰名单状态下拉列表
	function changeBlacklistStatus1(val){
		if(val == '1'){
				$("#div-idCardNo1").show();
				$("#div-companyName1").hide();
				$("#div-mobileNo1").hide();
				$("#div-fixNo1").hide();
				$("#div-bankNumber1").hide();
				
			
			}else if (val == '2'){
				$("#div-idCardNo1").hide();
				$("#div-companyName1").hide();
				$("#div-mobileNo1").hide();
				$("#div-fixNo1").hide();
				$("#div-bankNumber1").show();	

           			
			}else if (val == '3'){
				$("#div-idCardNo1").hide();
				$("#div-companyName1").hide();
				$("#div-mobileNo1").show();
				$("#div-fixNo1").hide();
				$("#div-bankNumber1").hide();
				
			
			}else if (val == '4'){
				$("#div-idCardNo1").hide();
				$("#div-companyName1").hide();
				$("#div-mobileNo1").hide();
				$("#div-fixNo1").show();
				$("#div-bankNumber1").hide();
				
		
			}else if (val == '5'){
				$("#div-idCardNo1").hide();
				$("#div-companyName1").show();
				$("#div-mobileNo1").hide();
				$("#div-fixNo1").hide();
				$("#div-bankNumber1").hide();			
		
			}
	}
	
	//更换模式
		function changeCustomerType(val){
		
			if(val == '1'){
			   //默认隐藏灰名单列表： 	   
	           $("#grayListform").hide();
	          //默认显示黑名单
	           $("#blackListform").show();
			   
			      //默认隐藏新增灰名单按钮 
             $("#insertBlack").show();	   
             $("#insertGray").hide();
			}else if (val == '2'){
			     //默认隐藏灰名单列表： 	   
	           $("#grayListform").show();
	          //默认显示黑名单
	           $("#blackListform").hide();	
			   
			         //默认隐藏新增灰名单按钮 
             $("#insertBlack").hide();	   
             $("#insertGray").show();
			}
		
		}
		
	
	 function checkIdCard() {
	      var idcard = document.getElementById("idcard1");
	      var sIdCard=idcard.value.replace(/^\s+|\s+$/g,"");//去除字符串的前后空格，允许用户不小心输入前后空格   
		  if (sIdCard.match(/^\d{14,17}(\d|X)$/gi)==null) {//判断是否全为18或15位数字，最后一位可以是大小写字母X   
             	  idcard.setCustomValidity("身份证格式输入错误");
		  }      
          
            else
                idcard.setCustomValidity('');
        }
     function checkPhoneNumber(){ 
     	 var re=/^(13[0-9]{9})|(15[89][0-9]{8})$/; 
		 if(!re.test(phoneNumber1.value)){    
		   o.setCustomValidity("请输入正确的手机号码。");
		   // return false; 
		}
	  }
	  
	  
	  function checkForm(o){  
	  var re=/^(13[0-9]{9})|(15[89][0-9]{8})$/;  
	  if(!re.test(o.phoneNumber1.value)){   
	   o.phoneNumber1.setCustomValidity("请输入正确的手机号码。");
	  return true;  
	  }}

	$(function(){
	
	 

     $('#startDate').datetimepicker({
	  	format : 'yyyy/mm/dd',
	  	autoclose: true,
	  	todayBtn: true,
	  	minView : 2
	  });
	  $('#endDate').datetimepicker({
	  	format : 'yyyy/mm/dd',
	  	autoclose: true,
	  	todayBtn: true,
	  	minView : 2
	  });

     $('#startDate1').datetimepicker({
	  	format : 'yyyy/mm/dd',
	  	autoclose: true,
	  	todayBtn: true,
	  	minView : 2
	  });
	  $('#endDate1').datetimepicker({
	  	format : 'yyyy/mm/dd',
	  	autoclose: true,
	  	todayBtn: true,
	  	minView : 2
	  });	  
	
	//为辨别黑/灰名单模式
	document.getElementById("customerblackType").style.display="none";	
	
	document.getElementById("customerblackType1").style.display="none";	
	//默认隐藏灰名单列表： 	   
	$("#grayListform").hide();

	   var status = $("#insertState").val();	
	   
	   //默认隐藏新增灰名单按钮    
        $("#insertGray").hide();	
		var status = $("#status").val();	
	    var status1 = $("#status1").val();	   	
		var customerType=$("#customerType").val();	
		
		changeBlacklistStatus(customerType);
		changeBlacklistStatus(status);
		changeBlacklistStatus1(status1);
	
		$("#status").change(function(){
			var val = $(this).val();
			changeBlacklistStatus(val);
		});
		
		$("#status1").change(function(){
			var val = $(this).val();
			changeBlacklistStatus1(val);
		});
		
		$("#customerType").change(function(){
			var val = $(this).val();
			changeCustomerType(val);
		});	
		
	});
</script>		
	
</body>

</html>




                

        

        

    

  


    

      

        

            

              
                
                  非鹭千里
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
BMS养殖后台管理系统开发文档

				
			

			

				

					wekofjieji的博客
				

				

					03-27
					
					568
					
				

			

		

		

			
				
—BMS养殖后台管理系统开发文档
前言
提示：这里可以添加本文要记录的大概内容：
例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。

提示：以下是本篇文章正文内容，下面案例可供参考
一、pandas是什么？
示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。
二、使用步骤
1.引入库

代码如下（示例）：

import numpy as np
import pandas as pd
import 

			
		

	



                

              
                



	

		

			

				
					
前端2020面试题195道

					
热门推荐

				
			

			

				

					weijieyuhyt的博客
				

				

					01-13
					
					1万+
					
				

			

		

		

			
				
HTML5面试题
一、	Doctype的作用? 严格模式和混杂模式的区分，以及如何触发这2种模式?
<!DOCTYPE> 声明位于文档中的最前面，处于  标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。
DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。
严格模式就是浏览器根据web标准去解析页面，是一种要求严格的DTD，不允许使用任何表现层的语法，
混杂模式...

			
		

	



                


  
              

                


	

		

			

				
					
名单列表html,名单管理.html

				
			

			

				

					weixin_34640687的博客
				

				

					06-28
					
					198
					
				

			

		

		

			
				
名单管理$axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };$axure.utils.getOtherPath = function() { return 'resources/Other.html'; };$axure.utils.getReloadPath...

			
		

	





	

		

			

				
					
struts +bootstrap+freemarker实现的后台黑名单管理。

				
			

			

				

					非鹭千里
				

				

					01-11
					
					1299
					
				

			

		

		

			
				
package cn.sina.credit;


import cn.sina.credit.payment.czbank.CZPay; 
import cn.sina.credit.payment.czbank.common.CZBankClient;
import cn.sina.credit.service.AddressManagerService;
import cn.si

			
		

	



		

			
		



	

		

			

				
					
Bootstrap更改默认的“请在电子邮件地址中包含@”

					
最新发布

				
			

			

				

					Front小思的博客
				

				

					06-28
					
					208
					
				

			

		

		

			
				
今天开发一个外贸系统，必须全部英文的，但是使用到bootatrp 4的input标签的type="email"输入没有含“@”符号时会提示：“请在电子邮件地址中包含@”中文提示！一开始以为是中国下载的谷歌是浏览器自带的提示，可能国外没有的！

			
		

	





	

		

			

				
					
修改bootstrap系统提示语

				
			

			

				

					风之子的专栏
				

				

					04-07
					
					1155
					
				

			

		

		

			
				
oninvalid="setCustomValidity('请输入元数据名称')"  oninput="setCustomValidity('')

			
		

	





	

		

			

				
					
前端开发工程师面试题2

				
			

			

				

					刘群智的博客
				

				

					07-27
					
					4991
					
				

			

		

		

			
				
前端开发工程师面试题2

 

　1、Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?

　　（1）、 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。

　　（2）、严格模式的排版和 JS 运作模式是  以该浏览器支持的最高标准运行。

　　（3）、在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作...

			
		

	





	

		

			

				
					
开发知识点-PHP从小白到拍簧片

				
			

			

				

					aming小老弟
				

				

					11-04
					
					717
					
				

			

		

		

			
				
收集来自 method=“post” 的表单中的值。POST 方法的发送信息的量最大值为 8 MB（可通过设置 php.ini 文件中的 post_max_size 进行更改）

			
		

	





	

		

			

				
					
初识Netty：背景、现状与趋势

				
			

			

				

					Mono的博客
				

				

					07-05
					
					2012
					
				

			

		

		

			
				
文章目录Netty概述Netty之Hello World不直接使用JDK NIO选择Netty的原因Netty发展史
Netty概述
Netty由Trustin Lee (韩国，Line公司) 2004年开发。

Netty is an asynchronous event-driven network application framework for rapid development of maintainable high performance protocol servers & cli

			
		

	





	

		

			

				
					
METRONIC 4.7.5 完整版百度云下载链接

				
			

			

				

					12-21
				

			

		

		

			
				
METRONIC 4.7.5 完整版百度云下载链接，包含所有源码、示例。

			
		

	





	

		

			

				
					
metronic v4.7.5最全完整版(含sass源代码)

				
			

			

				

					11-01
				

			

		

		

			
				
Metronic 3.8.1 是一套精美的响应式后台管理模板，基于强大的 Twitter Bootstrap 3.3.4 框架实现。Metronic 拥有简洁优雅的 Metro UI 风格界面，6 种颜色可选，76 个模板页面，包括图表、表格、地图、消息中心、监控面板等后台管理项目所需的各种组件。

			
		

	





	

		

			

				
					
metronic v4.7.5最全完整版

				
			

			

				

					12-14
				

			

		

		

			
				
Metronicv4.7.5 拥有简洁优雅的 Metro UI 风格界面，6 种颜色可选，76 个模板页面，包括图表、表格、地图、消息中心、监控面板等后台管理项目所需的各种组件。文件太大,网盘下载

			
		

	





	

		

			

				
					
metronic_v4.7.5

				
			

			

				

					08-24
				

			

		

		

			
				
Metronicv4.7.5 拥有简洁优雅的 Metro UI 风格界面，6 种颜色可选，76 个模板页面，包括图表、表格、地图、消息中心、监控面板等后台管理项目所需的各种组件

			
		

	





	

		

			

				
					
metronic 4.7.5 最完整版，共318M，文件中有链接

				
			

			

				

					09-06
				

			

		

		

			
				
metronic 4.7.5 最完整版，共318M，非常漂亮的模板，官方售价28美元。通过框架，可以快速构建web平台。解放手工劳工部分，提高效率

			
		

	





	

		

			

				
					
html5表单验证(Bootstrap)

				
			

			

				

					weixin_34376562的博客
				

				

					07-03
					
					232
					
				

			

		

		

			
				
html5表单验证(Bootstrap)

 邮箱验证：
&lt;input name="email" type="text" placeholder="必填项" class="input-xlarge" required pattern="^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$"
ti..

			
		

	





	

		

			

				
					
H5表单中的setCustomValidity 的使用说明

				
			

			

				

					齐枫的博客
				

				

					03-20
					
					9390
					
				

			

		

		

			
				
setCustomValidity用于判断表单的正误，有错误时可以手动设置提示信息 
当没有错误时要将setCustomValidity(“)设置为空，否则表单无法提交

实例



&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;meta name=&qu

			
		

	





	

		

			

				
					
Bootstrap与HTML5前端开发实战指南

				
			

			

				

					
				

			

		

		

			
				
"BootstrapHTML5前端库设计开发(李炎恢）.pdf"  Bootstrap是一个由Twitter的两位工程师设计并推出的前端开发框架，它在当前非常流行，尤其适合用于创建响应式的HTML5网页。学习Bootstrap，可以帮助开发者快速构建...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值