HTML一个页面输入值跳转到另一个页面并且显示出来

最新推荐文章于 2024-04-24 14:53:02 发布
最新推荐文章于 2024-04-24 14:53:02 发布
阅读量9.6k 收藏 26
点赞数 2
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/woniu0929/article/details/84349512
版权

[html] 

  1. <span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">test1.html</span>  

[html]

  1. <span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">  
  2. </span>  

[html] 

  1. <span style="font-family: Arial, Helvetica, sans-serif;"><!DOCTYPE html></span>  

[html] 

  1. <html>  
  2.     <head>  
  3.         <meta charset="utf-8">  
  4.         <title>test1.html页面</title>  
  5.         <script type="text/javascript" src="../js/jquery-1.11.1.js"></script>  
  6.     </head>  
  7.     <body>  
  8.         请输入：  
  9.         <input type="text" id="txta" >  
  10.         <br />  
  11.         第一种方式，传输入的值  
  12.         <input type=button value="去往test2.html页面" οnclick="tiaozhuan()" />   
  13.         <script type="text/javascript">  
  14.             var tiaozhuan = function(){  
  15.                 document.location.href ='test2.html?mydata1=' + $("#txta").val();  
  16.             }  
  17.         </script>  
  18.         <br />  
  19.         第二种方式，传固定的值  
  20.         <input type=button value="去往test2.html页面" οnclick="document.location.href ='test2.html?mydata1=ciweigudingzhi';" />   
  21.     </body>  
  22. </html>  

 

test2.html

 

[html] 

  1. <!DOCTYPE html>  
  2. <html>  
  3.     <head>  
  4.         <meta charset="utf-8">  
  5.         <title>test2.html页面</title>  
  6.     </head>  
  7.     <body>  
  8.         test1.html页面传来的值为：<input type=text id="txt1" />  
  9.         <script type="text/javascript">  
  10.             var txt1 = document.getElementById("txt1");  
  11.             txt1.value = location.search.match(new RegExp("[\?\&]mydata1=([^\&]+)", "i"))[1];  
  12.         </script>  
  13.     </body>  
  14. </html>  
@.YX
关注
  • 2
    点赞
  • 踩
  • 26
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html页面自动输入数字,js input框输入1位数字后自动跳到下一个input框聚焦
weixin_42501298的博客
06-10 1724
// input框输入1位数字后自动跳到下一个input聚焦function goNextInput(el){var txts = document.querySelectorAll(el);for(var i = 0; ivar t = txts[i];t.index = i;t.setAttribute("readonly", true);t.onkeyup=function(){this.v...
html a页面跳转a页面跳转,PC端技术问题 — html A 页面跳转到B页面，把A页面获取的值传到B页面...
weixin_39752800的博客
06-03 309
1、问题：最近遇到一个问题，在A页面跳转到B页面时，同时将一个值带到B页面并显示出来。最后找到一个比较靠谱的方法，分享给大家~2、解决：页面其他内容不再展示，只写A,B两个页面的JS代码段，有基础的同学应该是能看懂的。注：中文传输:可以在页面a用encodeURI编码url 在b页面用decodeURI解码urlA页面JS代码function test(){var temp = documen...
HTML超链接（详解如何进行网页之间的跳转）
最新发布
百赢出品，必属精品
04-24 7955
HTML 使用超级链接与网络上的另一个文档相连。HTML中的链接是一种用于在不同网页之间导航的元素。链接通常用于将一个网页与另一个网页或资源（如文档、图像、音频文件等）相关联。链接允许用户在浏览网页时单击文本或图像来跳转到其他位置，从而实现网页之间的互联。HTML超链接是用于链接到其他网页、文件或位置的元素。
HTML设置密码，输入密码正确后跳转到另一页面。html中inpute标签透明设置。鼠标放上去放大impute标签。
qq_46444918的博客
10-17 5600
填写要打开网页的地址，正确就跳转，不对就循环。if((e||event).keyCode==13 13是回车键对应的数字，“如果按下回车”document.getElementById("password").value获得输入的值。onclick="huiche()"点击后调用huiche()函数。=="zjrzdgdfFGZHDS"判断是否等于设置的密码。id="password"用于记录输入的内容。
html使用a标签从一个页面带数据跳转到另一个页面
MuYIShan1的博客
04-09 3773
实现从一个页面带着某个数据传输到下一个页面，下一页面根据此数据进行一些处理。 从a.html跳转到b.html a.html跳转代码 <a href='b.html?daka_id="+pbId+"' target='main'>跳转</a> b.html取出a.html传来的数据（js代码） var daka_id;//a.html传来的数据 $(function ()...
input链接页面、打开新网页等等的具体实现
Kill_paradise的博客
07-30 1384
input链接页面、打开新网页等等的具体实现 1.链接到某页 <input type="button" name="Submit" value="确 定" class="btn" onclick="location.href='filename.html'" /> 2.返回(等同后退) <input name="Submit2" type="button" class="btn" onclick="location.href='javascript:his...
HTML输入密码自定义跳转页面源码
12-23
在这个“HTML输入密码自定义跳转页面源码”中，我们看到一个简单的基于HTML的系统，它要求用户在访问特定页面前输入正确的密码。这样的功能通常用于增强网站的安全性或者限制未经授权的访问。 在`index.html`文件中...
密码访问单页自定义跳转页面HTML源码
01-22
标题中的“密码访问单页自定义跳转页面HTML源码”指的是一个基于HTML的网页设计，这个设计允许用户通过输入特定密码来访问特定的页面。这样的功能通常用于保护隐私、限制未经授权的访问或者作为简单的安全措施。在这...
Web前端页面跳转并取到值
09-27
在Web前端开发中，页面跳转并取值是一项常见的需求，尤其在用户交互流程中，例如从一个表单页面跳转回列表页面时，需要将表单中的数据传递回去进行展示。本文将详细介绍如何实现这一功能，以A、B两个页面为例。 ...
ASP.NET实现个人信息注册页面并跳转显示
10-21
在这个案例中，我们将讨论如何使用ASP.NET实现一个个人信息注册页面，并在用户提交信息后跳转到新页面显示这些信息。 首先，我们需要创建一个新的MVC项目。ASP.NET MVC（Model-View-Controller）是一种设计模式，它...
HTML+css+js实现一个完整的登录+注册页面
12-27
使用a标签来实现两个页面的相互跳转，设置超链接的文本和目标地址。 html登录注册页面 使用div标签来划分页面的不同区域，方便进行样式设置和内容填充。 使用label标签来为输入框添加文本标签，方便用户输入和验证。...
html中a标签根据一个参数跳转不同的页面
MuYIShan1的博客
04-09 2038
html中a标签根据一个参数跳转不同的页面 a标签 a标签通过调用fun1()方法来跳转不同页面 <a href="javascript:void(0);" onclick="fun1(data))" >跳转</a>" fun1()方法 function fun1(data) { if("参数1"==data) { window.location...
html js怎样实现在第一个字段中输入值,第二个字段的值自动改变,javascript - vue.js从后台取出的字段列表是循环出来的每个下面对应一个输入框，怎么样才能在变更其中一个值的时候不会影...
weixin_42357981的博客
05-31 408
现在显示效果是这样的但是点击其中一个选项的时候其他条目都会受到影响我想实现每个下拉框和输入框都可以独立提交值不会互相影响该怎么做呢下面是相关代码var device = new Device()var Promise = require("Promise")var Dialog = require("Dialog")return Vue.extend({template : utils.templ...
html页面怎么回显数据,HTML页面中数据的回显功能
weixin_39868248的博客
06-04 3344
在第一种方式中：页面回显，点击detail，页面详情会显示一个新的页面。这个是通过链接将页面链接过去的。同时这个链接还链接到了一个新的js文件中。用去调取后端的接口。{title : '操作',field : 'operate',align : 'center',formatter : function(value, row, index) {var e = '详情 ';return e;}} ]...
关于html页面之间传值的几种方式
热门推荐
Mark_Leen的博客
04-09 1万+
关于html页面之间传值的几种方式 1、通过cookie，传递 cookie能够存储少量数据到客户端的磁盘中，特定的网页之间是可以共享cookie中的数据。 a.html 注意：需要运行在服务器上访问页面 还需要引入jquery 和cookie的js； <script type="text/javascript" src="./js/jquery.min.js"></scr...
JavaScript使用（一）
zouzi1的博客
10-31 1180
本人学习视频为黑马程序员，视频连接为：黑马程序员 初识 JavaScrip JavaScript 是什么 1. JavaScript 是世界上最流行的语言之一，是一种运行在客户端的脚本语言 （Script 是脚本的意思） 2. 脚本语言：不需要编译，运行过程中由 js 解释器( js 引擎）逐行来进行解释并执行 3.现在也可以基于 Node.js 技术进行服务器端编 JavaScript 的作用 1.表单动态校验（密码强度检测） （ JS 产生最初的目的 ） 2.网页特效 3. 服务端开发(Node.js)
html获取页面input值,从HTML输入中获取INPUT值
weixin_32870457的博客
06-03 7884
我在guessing-game.js中编写了逻辑，但它运行良好。我正在使用userGuess = prompt(＆＃34;猜一个数字＆＃34;)。但是，如果我在此提示上单击取消，它将继续询问(也许这就是为什么??)。我尝试将此转换为jQuery，使用userGuess = $(＆＃39; #input＆＃39;)。val();它遇到了一个bug。点击“＃34;提交＆＃34;”后，网页崩溃了。按钮。...
怎么实现html的值传到另一个页面上,如何获取HTML中input的value值，然后再传递给另一个HTML页面，希望用HTML+JS的方法，拜谢...
weixin_33739591的博客
06-10 1424
匿名用户1级2018-06-16 回答<!-----这是1.html-----------------><!DOCTYPEhtml><html><head><title>1.html</title></head><body><formaction="2.html"method="get...
写一个用html的登录页面并且登录后跳转到另一个页面
03-23
好的，以下是一个简单的用 HTML 编写的登录页面，并且登录后跳转到另一个页面的代码： ```html <!DOCTYPE html> <html> <head> <title>Login Page</title> </head> <body> <h2>Login</h2> <form action="welcome.html" method="post"> <label for="username">Username:</label> <input type="text" id="username" name="username"><br><br> <label for="password">Password:</label> <input type="password" id="password" name="password"><br><br> <input type="submit" value="Login"> </form> </body> </html> ``` 在这个例子中，我们使用了一个表单来获取用户输入的用户名和密码。当用户点击“登录”按钮时，表单会将这些信息发送到 `welcome.html` 页面。如果用户名和密码正确，用户将被重定向到 `welcome.html` 页面。 请注意，这只是一个简单的示例，实际的登录页面需要更多的安全措施来保护用户的隐私和安全。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值