用户管理html

Ne.html

<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="../css/css1.css" type="text/css"/>
 <style type="text/css"> 
 img{
 float:right;
 }
 </style> 

<script type="text/javascript" language="javascript"> 
function selectall(m){
	var name=document.getElementsByName("preDelCheck");
	for(var i=0;i<name.length;i++){
		name[i].checked=m.checked;
	}
}
function deleteUser(){
	var tab=document.getElementById('table');
    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>
</head>
<body >

<b><font color="blue">用户管理 </font></b>
<table frame="above">
<tr>
<td>
<table width="100%">
<tr>
<td>姓名</td>
<td><input type="text" name="name" size="6"></td>
<td>性别</td>
<td>
<select style="width:50px;">
<option >男</option>
<option >女</option>
</select>
</td>
<td >证件类型</td>
<td>
<select style="width:100px;">
<option value="1">二代身份证</option>
<option value="2">港澳通行证</option>
<option value="3">军人证</option>
<option value="4">残疾证</option>
</select>
</td>
<td>证件号码:</td>
<td><input type="text" name="zjhaoma" id="zjnum" size="6"></td>
<td>旅客类型:</td>
<td>
<select style="width:50px;">
<option>成人 </option>
<option>学生 </option>
<option>儿童 </option>
</select>
</td>
<td class="co2"><input type="button" value="查询"></td>
</td>
</tr>
</table>
</tr>
<tr>
<td>
<table border="1" width="100%" id="table" rules="all">
<tr>
<td>选择</td>
<td>姓名</td>
<td>性别</td>
<td>证件类型</td>
<td>证件号码</td>
<td>旅客类型</td>
<td>操作</td>
</tr>
<tr id="delCell">
<td><input type="checkbox" name="preDelCheck" value="1"></td>
<td>小明</td>
<td>男</td>
<td>二代身份证</td>
<td>236748435654645</td>
<td>成人</td>
<td><font><a href="2.html">编辑</a></font></td>
</tr>
<tr id="delCell2" class="co">
<td><input type="checkbox" name="preDelCheck"  value="1"></td>
<td>小红</td>
<td>女</td>
<td>二代身份证</td>
<td>23674843565565</td>
<td>成人</td>
<td ><font><a href="2.html">编辑</a></font></td>
</tr>
<tr id="delCell3">
<td><input type="checkbox" name="preDelCheck"  value="1"></td>
<td>小刚</td>
<td>男</td>
<td>二代身份证</td>
<td>236748435612145</td>
<td>成人</td>
<td><font><a href="2.html">编辑</a></font></td>
</tr>
<tr id="delCell4" class="co">
<td><input type="checkbox" name="preDelCheck"  value="1"></td>
<td>小蓝</td>
<td>女</td>
<td>二代身份证</td>
<td>23671235654645</td>
<td>成人</td>
<td class="co2"><font><a href="2.html">编辑</a></font></td>
</tr>
<tr id="delCell5">
<td><input type="checkbox" name="preDelCheck" value="1"></td>
<td>小猪</td>
<td>男</td>
<td>二代身份证</td>
<td>2361228435654645</td>
<td>成人</td>
<td><font class="fo"><a href="2.html">编辑</a></font></td>
</tr>
</table>
</td>
</tr>

<tr>
<td>
<table width="100%">
<td width="42%"><input type="checkbox"  value="1"  id="allChecked" onClick="selectall(this)"><a >全选</a></td>
<!-- <td><img src="../images/button_sc.gif" width="50px" height="20" /><input type="button" name="" value="删除" οnclick="deleteUser()"></td> -->
<!-- <td><img src="../images/button_dc.gif" width="50px" height="20" /><input type="submit" name="" value="导出excel"></td> -->
<td><img src="../images/button_dc.gif" width="50px" height="20" />
<img src="../images/button_sc.gif" width="50px" height="20" /></td>
</table>
</td>
</tr>

<tr >
<td>
<table width="100%">
<td align="center" width=42%>>>1 2 3 4 5 6 7 8<<</td>
<center>
<td >每页显示
<select style="width:50px;">
<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>
</center>
<td > </td>
</table>
</td>
</tr>
<tr>
<td align="center">
copyright@12306购票网
</td>
</tr>
</table>
</body>
</html>

效果演示如下:


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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值