<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="./css/CSS1.css" >
<title></title>
</head>
<script type="text/javascript">
//全选
function selectall(m){
var name=document.getElementsByName("select");
for(var i=0;i<name.length;i++){
name[i].checked=m.checked;
}
}
//删除
function deleteUser(){
var tab=document.getElementById('uinfo');
for(var i=tab.rows.length-1;i>0;i--){
if(tab.rows[i].cells[0].getElementsByTagName('input')[0].checked){
tab.deleteRow(i);
return false;
}
}
alert("未选择要删除的用户!")
}
</script>
<body>
<!-- <fieldset> -->
<p class="Color">用户管理</p>
<hr color="#D0D0D0" width="100%">
<table>
<tr>
<table width="100%">
<td >姓名<input type="text" name="name"></td>
<td>性别<select><option>男</option><option>女</option></select></td>
<td>证件类型<select>
<option >二代身份证</option>
<option>港澳通行证</option>
<option >军人证</option></select>
</td>
<td>证件号码<input type="text" name="id">
</td>
<td>旅客类型<select>
<option>成人</option>
<option>学生</option>
<option>儿童</option>
<option>伤残军人</option>
<option>伤残人民警察</option></select></td>
<td><a href="login.html"><img src="images/button_cx.gif"></a>
</td>
</table>
</tr>
<tr>
<table border="1" width="100%" id="uinfo">
<td>选择</td>
<td>姓名</td>
<td>性别</td>
<td>证件类型</td>
<td>证件号码</td>
<td>旅客类型</td>
<td>操作</td>
</tr>
<tr id="user1" class="Color">
<td><input type="checkbox" name="select" value="1"></td>
<td>用户1</td>
<td>男</td>
<td>二代身份证</td>
<td>2362151870121208101x</td>
<td>成人</td>
<td><font color="red">编辑</font></td>
</tr>
<tr id="user2">
<td><input type="checkbox" name="select" value="1"></td>
<td>用户2</td>
<td>男</td>
<td>二代身份证</td>
<td>221251197112081021</td>
<td>成人</td>
<td><font color="red">编辑</font></td>
</tr>
<tr id="user3" class="Color">
<td><input type="checkbox" name="select" value="1"></td>
<td>用户3</td>
<td>男</td>
<td>二代身份证</td>
<td>210211197112081019</td>
<td>成人</td>
<td><font color="red">编辑</font></td>
</tr>
<tr id="user4">
<td><input type="checkbox" name="select" value="1"></td>
<td>用户4</td>
<td>女</td>
<td>二代身份证</td>
<td>210211197012081019</td>
<td>成人</td>
<td><font color="red">编辑</font></td>
</tr>
<tr id="user5" class="Color">
<td><input type="checkbox" name="select" value="1"></td>
<td>用户5</td>
<td>女</td>
<td>二代身份证</td>
<td>220198112081022</td>
<td>成人</td>
<td><font color="red">编辑</font></td>
</tr>
</table>
<tr >
<table >
<tr>
<td width="39%" align="left" ><font class="color">全选</font><input type="checkbox" οnclick="selectall(this)"></td>
<td width="39%"></td>
<td align="left"><img src="images/button_sc.gif"><img src="images/button_dc.gif">
<!-- <td width="65%"><input type="button" value="删除" οnclick="deleteUser()"><input type="button" value="导出excel"> -->
</td>
</tr>
</table>
<tr>
<table >
<td width="39%" align="right" >
>>1 2 3 4 5 6 7 8<< </td>
<td width="39%"></td>
<td align="left">
每页显示<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>条信息
</td>
</table>
</tr>
</tr>
</table>
<!-- </fieldset> -->
</body>
</html>
用户信息管理
最新推荐文章于 2024-04-07 19:51:56 发布