<html>
<head>
<title>同一个页面内实现html+js表单提交输出功能</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<style>
<!--
.b{
position:absolute;
left:0;
top:0;
width:200px;
height:100px;
color:#fff;
background:#000;
}
-->
</style>
</head>
<body>
<div id="d2">
<form name="myform" action="#">
name:<input type="text" name="name">
age:<input type="text" name="age">
<input type="button" id="but" value="ok";>
</form>
</div>
<div id="d1" class="b" style="display:none;">asdf</div>
</body>
<script>
function aaaaa(){
var name=document.myform.name.value;
var age=document.myform.age.value;
document.getElementById("d1").style.display="";
document.getElementById("d2").style.display="none";
document.getElementById("d1").innerHTML="name:"+name+"<br>age:"+age;
}
document.getElementById("but").onclick = aaaaa;
</script>
</html>
点击前:
点击后: