表单添加 css

最新推荐文章于 2024-08-26 09:00:00 发布

I_do_

最新推荐文章于 2024-08-26 09:00:00 发布

阅读量758

点赞数

本文链接：https://blog.csdn.net/shitou0/article/details/78997974

版权

<head>
	<!-- 引入jquery开发包 -->
	<script type="text/javascript" src="../libs/jquery-1.11.0.min.js"></script>
	<meta http-equiv="content-type" content="textml; charset=UTF-8">
	<script type="text/javascript">
	//页面加载完成
	$(function(){

	$("#addBtn").click(function(){


	var name = $("#name").val();
	var email = $("#email").val();
	var phone = $("#phone").val();
	var tr = $("<tr><td>"+name+"</td><td>"+email+"</td><td>"+phone+"</td><td><button οnclick='clikc1(this)'>删除</button></td></tr>");
	$("table").append(tr);
	});

	});


	function clikc1(a){
	$(a).parent().parent().remove();
	}
	//var tr = $("<tr><td>"+name+"</td><td>"+email+"</td><td>"+phone+"</td><td><a href='#' οnclick='deleteItem(this);'>删除</a></td></tr>");


	</script>
	</head>

	<body>
	<div align="center">
	<h3>添加用户</h3>
	<form>
	姓名 <input type="text" name="name" id="name"/>
	邮箱 <input type="text" name="email" id="email"/>
	电话 <input type="text" name="phone" id="phone"/> <br/>
	<input type="button" value="提交" id="addBtn" />
	</form>
	<hr/>
	<table border="1">
	<tr>
	<th>姓名</th>
	<th>email</th>
	<th>电话</th>
	<th>删除</th>
	</tr>

	</table>


	<a href="####" style="text-decoration: none;">测试</a>
	</div>
	</body>
	<ml>