文档章节

javascript实现一个html提交的表单数据放到另一个html页面显示

狂龙治中
 狂龙治中
发布于 2015/11/06 17:53
字数 416
阅读 258
收藏 0
//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>



© 著作权归作者所有

狂龙治中
粉丝 6
博文 45
码字总数 25549
作品 0
滁州
程序员
私信 提问
JavaScript 注入攻击

什么是 JavaScript 注入攻击? 每当接受用户输入的内容并重新显示这些内容时,网站就很容易遭受 JavaScript 注入攻击。让我们研究一个容易遭受 JavaScript 注入攻击的具体应用程序。假设已经...

铂金小猪
2012/05/19
9.2K
26
ASP.NET MVC的客户端验证:jQuery的验证

之前我们一直讨论的Model验证仅限于服务端验证,即在Web服务器根据相应的规则对请求数据实施验证。如果我们能够在客户端(浏览器)对用户输入的数据先进行验证,这样会减少针对服务器请求的频...

长平狐
2012/09/04
688
0
使用Ext JS,不要使用页面做组件重用,尽量不要做页面跳转

使用Ext JS,不要使用页面做组件重用,尽量不要做页面跳转 今天,有人请教我处理办法,问题是: 一个Grid,选择某条记录后,单击编辑后,弹出编辑窗口(带编辑表单),编辑完成后单击保存按钮...

赵小宾
2013/10/20
135
0
被遗忘的CSS和HTML(二)

前言 先前写了一篇《被遗忘的CSS和HTML(一)》,后来因为各种事情,懒得写。最近把文章分享到掘金收获了不少点赞和鼓励,决定就再写点,希望从另一个角度去看一些问题的解决方法,还是那句话...

VeeQun
2018/06/05
0
0
[IBM DW] 使用 Smarty 开发 Ajax 应用

简介: Smarty 是一个 PHP 模板引擎,它可以帮助您将 Web 应用的业务逻辑与表示层分离。Smarty 目前没有内置的 Asynchronous JavaScript and XML (Ajax) 支持,但是您可以轻松地扩展它的插件...

红薯
2010/11/16
693
1

没有更多内容

加载失败,请刷新页面

加载更多

Less导入选项

Less 提供了CSS @import CSS规则的几个扩展,以提供更多的灵活性来处理外部文件。 语法: @import (keyword) "filename"; 以下是导入指令的相关详情: reference,使用较少的文件但不输出。 ...

凌兮洛
3分钟前
1
0
Docker下实现MySQL主从(读、写分离)同步配置

docker下实现两个(或多个)mysql容器的主、从数据库同步配置,首先要明白docker容器的相互通信关系,默认是使用的bridge模式: 也就是说,通过docker run命令创建docker容器是每个容器都有自己...

源哥L
13分钟前
7
0
一起来学Java8(三)——方法引用

在一起来学Java8(一)——函数式编程中有一个简单的函数式编程的例子: import java.util.function.Consumer;class Person { public static void sayHello(String name) { S...

猿敲月下码
32分钟前
15
0
读书笔记:深入理解ES6(十一)

第十一章 Promise与异步编程   Promise可以实现其他语言中类似Future和Deferred一样的功能,是另一种异步编程的选择,它既可以像事件和回调函数一样指定稍后执行的代码,也可以明确指示代码...

张森ZS
56分钟前
22
0
面试官,Java8 JVM内存结构变了,永久代到元空间

在文章《JVM之内存结构详解》中我们描述了Java7以前的JVM内存结构,但在Java8和以后版本中JVM的内存结构慢慢发生了变化。作为面试官如果你还不知道,那么面试过程中是不是有些露怯?作为面试...

程序新视界
今天
30
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部