<html xmlns= "http://www.w3.org/1999/xhtml" > |
<head> |
<meta http-equiv= "Content-Type" content= "text/html; charset=utf-8" /> |
<title>搜索框</title> |
<style type= "text/css" > |
*{margin:0;padding:0;} |
.search_warp{width:100%; margin:10px auto; border-bottom:2px solid #eee; padding-bottom:5px; font-family:"微软雅黑"; font-size:12px} |
.search_box{width:90%; margin:5px auto;} |
.search_box td{ height:30px;} |
.search_box1{width:90%; margin:5px auto; display:none;} |
.search_box1 td{ height:30px;} |
.input_none_60{width:60%; height:25px; line-height:25px; border:1px solid #dddedf;} |
.cl{clear:both;} |
</style> |
<script src= "js/jquery.min.js" ></script> |
<script type= "text/javascript" > |
$(document).ready( function (){ |
$( "#hide" ).click( function (){ |
$( ".search_box1" ).toggle(); |
}); |
}); |
</script> |
</head> |
<body> |
<div class= "search_warp" > |
<table border= "0" cellpadding= "0" cellspacing= "0" class= "search_box" > |
<tr> |
<td width= "30%" >工作人员识别号:<input class= "input_none_60" ></input></td> |
<td width= "30%" >工作人员识别号:<input class= "input_none_60" ></input></td> |
<td width= "30%" >工作人员识别号:<input class= "input_none_60" ></input></td> |
<td> </td> |
</tr> |
<tr> |
<td>工作人员识别号:<input class= "input_none_60" ></input></td> |
<td>工作人员识别号:<input class= "input_none_60" ></input></td> |
<td>工作人员识别号:<input class= "input_none_60" ></input></td> |
<td> </td> |
</tr> |
<tr> |
<td>工作人员识别号:<input class= "input_none_60" ></input></td> |
<td>工作人员识别号:<input class= "input_none_60" ></input></td> |
<td>工作人员识别号:<input class= "input_none_60" ></input></td> |
<td><a href= "#" id= "hide" >更多>></a></td> |
</tr> |
</table> |
<table border= "0" cellpadding= "0" cellspacing= "0" class= "search_box1" > |
<tr> |
<td width= "30%" >工作人员识别号:<input class= "input_none_60" ></input></td> |
<td width= "30%" >工作人员识别号:<input class= "input_none_60" ></input></td> |
<td width= "30%" >工作人员识别号:<input class= "input_none_60" ></input></td> |
<td> </td> |
</tr> |
<tr> |
<td>工作人员识别号:<input class= "input_none_60" ></input></td> |
<td>工作人员识别号:<input class= "input_none_60" ></input></td> |
<td>工作人员识别号:<input class= "input_none_60" ></input></td> |
<td> </td> |
</tr> |
<tr> |
<td>工作人员识别号:<input class= "input_none_60" ></input></td> |
<td>工作人员识别号:<input class= "input_none_60" ></input></td> |
<td>工作人员识别号:<input class= "input_none_60" ></input></td> |
<td> </td> |
</tr> |
</table> |
</div> |
</body> |
</html> |