用户信息管理

<!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>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值