日期:2014-05-16 浏览次数:20432 次
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>入住信息</title>
<style type="text/css">
*{
margin:0;
padding:0;
}
li{
list-style:none;
}
body {
font-size: 12px;
font-family: "微软雅黑";
}
.ruzhu_juti{
width:1200px;
float:left;
margin-top: 20px;
margin-left: 40px;
display: inline;
}
.ruzhu_juti .label_input{
width: 120px;
height: 24px;
border: 1px solid #DCDCDC;
margin-left: 10px;
}
.ruzhu_xinz{
width: 200px;
height: 30px;
float: left;
line-height: 30px;
text-align: center;
border-radius: 5px;
background: #00BCF3;
border: 1px solid #00BCF3;
color: #FFF;
font-size: 15px;
margin: 20px 60px;
display: inline;
cursor: pointer;
}
</style>
<script type="text/javascript">
window.onload=function()
{
var oTab = document.getElementById('juti');
var oBtn=document.getElementById('xinz');
oBtn.onclick=function()
{
var oDiv_sc=document.createElement('div');
oDiv_sc.innerHTML = '<a href="javascript:;">删除</a>'
oDiv_cj.appendChild(oDiv_sc);
oDiv_sc.getElementsByTagName('a')[0].onclick = function() {
oDiv_cj.removeChild(this.parentNode); //删除节点
};
}
}
</script>
<body>
<div id="juti" class="ruzhu_juti">
<label>姓名:</label><input class="label_input" type="text"/>
<label>手机号:</label><input class="label_input" type="text"/>
<label>身份证号:</label><input class="label_input" type="text"/>
</div>
<div id="xinz" class="ruzhu_xinz">
+新增人入住
</div>
</body>
</html>
<div id="juti">
<div class="ruzhu_juti">
<label>姓名:</label><input class="label_input" type="text"/>
<label>手机号:</label><input class="label_input" type="text"/>
<label>身份证号:</label><input class="label_input" type="text"/>
&