javascriptはhtml提出のフォームデータを別のhtmlページに置いて表示することを実現します.

2580 ワード

//javascript    html            html    
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>test43</title>
</head>
<body>

//    
<form name="form1" id="form1" methos="post" >
<h1><center>  </center></h1>
<div>
<center>
<label>   :
<input type="text" name="admin" required></label>
<br><br>
<label> &nbsp;&nbsp;&nbsp; :
<input type="password" name="passwd"></label>
</center>
</div>
<br><br>
<div>
<center>
<label> &nbsp;&nbsp;&nbsp; :
<input type="email" name="email"></label>
</center>
</div>
<br><br>
<div>
<center>
 &nbsp;&nbsp;&nbsp;&nbsp; :
<input type="radio" name="male" >
<label for="male"> </label>
<input type="radio" name="female">
<label for="female"> </label>
</center>
</div>
<br><br>
<div>
<center>
<label> &nbsp;&nbsp;&nbsp;&nbsp; :
<textarea name="textarea"></textarea></label>
</center>
</div>
<br><br>

<div> 
<center>
<input type="submit" value="  " name="submit">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="reset" value="  " name="reset">
</center>
</div>
</form>
<script>

x=location.search;//  ?  URL
x=decodeURIComponent(x);//  
var y=x.split("&");
//      
var passwd=y[1].split("=");
var p=passwd[1];

//       
var admin=y[0].split("=");
var a=admin[1];

//    
var email=y[2].split("=");
var e=email[1];

//    
var sex=y[3].split("=");
var s=sex[0];

//     
var text=y[4].split("=");
var t=text[1];
document.write(a+"<br>"+p+"<br>"+e+"<br>"+s+"<br>"+t);//       (   )
   var test=window.open("test54.html");//     (test54.html      。。。)
   test.document.write(a+"<br>"+p+"<br>"+e+"<br>"+s+"<br>"+t);//          


</script>
</body>
</html>