使用cookies、javascript、html将注册表单值放入另一个html页面？
要将注册表单值放入另一个HTML页面，可以使用cookies、JavaScript和HTML来实现。下面是一个完善且全面的答案：
- Cookies是一种在客户端存储数据的机制，可以用于在不同页面之间传递数据。通过设置cookie，可以将注册表单的值存储在客户端，并在另一个HTML页面中读取这些值。
- JavaScript是一种用于在网页中添加交互和动态功能的脚本语言。可以使用JavaScript来获取注册表单的值，并将其存储在cookie中。
- HTML是一种用于创建网页结构和内容的标记语言。可以使用HTML来创建注册表单，并在提交表单时调用JavaScript函数。
下面是实现的步骤：
步骤1：在第一个HTML页面中创建注册表单。使用HTML的<form>元素和<input>元素来创建表单字段，例如姓名、邮箱等。
步骤2：在表单的提交按钮上添加一个JavaScript函数，用于在提交表单时将值存储在cookie中。可以使用JavaScript的document.cookie属性来设置cookie的值。
步骤3：在第二个HTML页面中使用JavaScript来读取cookie的值，并将其显示在页面上。可以使用JavaScript的document.cookie属性来获取cookie的值。
下面是一个示例代码：
第一个HTML页面（register.html）：
<!DOCTYPE html>
<html>
<head>
<title>注册页面</title>
<script>
function setCookie() {
var name = document.getElementById("name").value;
var email = document.getElementById("email").value;
document.cookie = "name=" + name;
document.cookie = "email=" + email;
}
</script>
</head>
<body>
<h1>注册页面</h1>
<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<label for="email">邮箱:</label>
<input type="text" id="email" name="email"><br><br>
<input type="submit" value="提交" onclick="setCookie()">
</form>
</body>
</html>第二个HTML页面（display.html）：
<!DOCTYPE html>
<html>
<head>
<title>显示页面</title>
<script>
function getCookie(name) {
var cookies = document.cookie.split("; ");
for (var i = 0; i < cookies.length; i++) {
var cookie = cookies[i].split("=");
if (cookie[0] === name) {
return cookie[1];
}
}
return "";
}
window.onload = function() {
var name = getCookie("name");
var email = getCookie("email");
document.getElementById("name").innerHTML = name;
document.getElementById("email").innerHTML = email;
}
</script>
</head>
<body>
<h1>显示页面</h1>
<p>姓名: <span id="name"></span></p>
<p>邮箱: <span id="email"></span></p>
</body>
</html>这样，当用户在第一个HTML页面中填写注册表单并提交时，表单的值将存储在cookie中。然后，用户将被重定向到第二个HTML页面，该页面将读取cookie的值并显示在页面上。
请注意，这只是一个简单的示例，用于演示如何使用cookies、JavaScript和HTML将注册表单值放入另一个HTML页面。在实际开发中，可能需要更复杂的逻辑和验证来确保数据的安全性和完整性。
推荐的腾讯云相关产品：腾讯云云服务器（https://cloud.tencent.com/product/cvm）和腾讯云对象存储（https://cloud.tencent.com/product/cos）。
相关·内容
1回答
来自用户输入的javascript cookie
javascript、cookies
我正在做javascript cookies。提供给我的材料非常简短，没有例子。我正在尝试创建一个html表单，将允许用户输入姓名和最喜欢的宠物，当页面刷新时，它将在html页面中显示用户名和最喜欢的宠物，以及允许用户更改宠物。我不明白如何将用户输入分配给cookie，然后将其显示在html上。这是我到目前为止所拥有的
<html>
<head>
<script>
var x = document.getElementById("nm").value;
var y = document.getElementById("fp
浏览 3提问于2017-05-09得票数 0
2回答
为什么我的JavaScript cookie只在一个页面上工作？
javascript、cookies
我有一个JavaScript饼干问题。我使用了从这个站点编写和读取JavaScript cookie的示例：。cookie在相同的页面上读和写都很好，但是一旦我用它应该使用的类似形式转到另一个页面，cookie中的信息就消失了。
我最初是为了让它在桌面上工作，但是一旦我把它添加到我们正在测试的DEV站点上--它只在一个页面上工作。基本上，我可以用表单在一个页面上设置一个cookie，然后在另一个页面上就没有可以读取的cookie了。但是，我可以在第二种表单上创建另一个cookie，这样就可以很好地保存。当我返回到第一页表单时，我创建的第一个cookie将填充表单字段。
所以：
Form 1 p
浏览 1提问于2016-04-14得票数 1
回答已采纳
3回答
如何让我的提交按钮根据我在javascript中的switch语句生成消息？
javascript、html、forms
function displayMessage() {
var message;
var firstName= alert(
switch(firstName) {
case "Cherry":
message="Thank You Cherry!! Your order should arrive 20 days from
February 4, 2017";
break;
case "Micheal":
message = "
浏览 0提问于2017-02-05得票数 0
2回答
对JavaScript Cookie的建议
javascript、html、css、function、cookies
我正在尝试学习JavaScript中的cookies。我已经可以将文本另存为cookie，并在另一个页面上查看cookie中的内容。
我现在想做的是做另一个盒子，就像我以前做的那样，但在这个盒子里，我想输入rgb颜色代码，它将给cookie第2页以用户保存在cookie中的颜色。希望你能理解我的问题，并尽可能地帮助我。
下面是我的代码：
Cookie第1页：
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width"
浏览 4提问于2014-12-20得票数 0
1回答
使用JavaScript在网站上显示cookie
javascript、html、cookies
所以我有个任务我已经做了6个小时了。我应该使用JavaScript创建一个cookie，并在网站的用户配置文件页面上显示cookie信息。
在尝试的过程中，我编写了一堆代码，理想情况下，我希望使用表单上的submit按钮，最初将信息保存为cookie，然后在查看器返回到web页面时显示相同的信息。如果一再失败，我只是把信息放进了cookie中。因此，只要它有效，我就不在乎它是如何工作的，不管它是如何提交的，也不关心我插入的信息。
下面是JavaScript：
<script type="text/javascript" language="javascript&#
浏览 1提问于2015-01-20得票数 0
2回答
Ajax - Post Api中的CSRF令牌
javascript、jquery、python、ajax、django
我的问题是我用Django做了一个POST API，我在一个按钮上调用它。但每次它都会给出CSRF令牌错误。每次post请求返回403时。我不知道我错在哪里了。
我在下面写下我的代码。其余的代码可以在中找到。
views.py中的API
class UserList(APIView):
def post(self, request, format=None):
serializer = User.objects.create()
serializer = UserSerializer(data=request.DATA)
if serializer.is_valid(
浏览 5提问于2017-09-02得票数 0
1回答
JavaScript Cookie保存表单
javascript、cookies
我一直在使用这个在线尝试为我的一个表单字段保存输入值。
到目前为止还没有成功。
我做错了什么吗？
<script type="text/javascript">
var today = new Date();
var expiry = new Date(today.getTime() + 30 * 24 * 3600 * 1000); // plus 30 days
function setCookie(name, value) {
document.cookie=name + "=" + escape(va
浏览 1提问于2014-11-29得票数 1
回答已采纳
3回答
用JavaScript阅读cookie
asp.net、javascript、html、cookies
我知道如何在JavaScript.........................................................中编写/创建cookie
//Create the cookies
document.cookie = "Name=" + Name + ";expires=Friday, 31-Dec-2011 12:00:00 GMT; path=/";
document.cookie = "Surname=" + Surname + ";expires=Friday, 31-Dec-2011 12:00:
浏览 4提问于2010-05-25得票数 3
回答已采纳
1回答
JavaScript Cookie辅助
javascript、cookies
我很难理解JavaScript中cookies是如何工作的。
下面是我正在尝试做的事情:写出一个名为"Library“的Cookie，将过期日期设置为21天，并使用警报通知用户该cookie已创建
如果没有发生错误(表单上的用户名或密码留空)，则将用户重定向到另一个页面"blah.html“，并发布一条消息，大意是”欢迎，“+用户名"!"；。如果出现错误，请重定向到blah2.html并提醒用户错误。任何帮助都将不胜感激！提前感谢！
我的cookie代码：
function writeCookie() {
if (document.myForm.userna
浏览 0提问于2016-03-05得票数 0
1回答
在页面重新加载时更改文本
javascript、jquery、cookies
我制作了一个基本的表单，在您输入输入并提交cookies后显示“欢迎”+名称
我添加了第二个cookie，当您重新加载同一页面时，上面的文本将消失，并显示“欢迎回来”+姓名。
我是新手使用cookies，不能让功能正常工作。
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<form>
<input id="user" type="user" name=&#
浏览 9提问于2017-07-30得票数 2
1回答
使用cookies、javascript、html将注册表单值放入另一个html页面？
javascript、html、cookies、session-cookies
我正在尝试使用cookies和JavaScript显示从一个html页面到另一个html页面的数据值。当我使用"Method=Get“时，Url在浏览器的"details.html”中显示注册页面的值。但是当我尝试"Method=POST“时，我无法使用cookies和JavaScript显示"details.htm”中的值。
谁可以帮助我显示从register.htm到details.htm的值通过使用cookies和JavaScript。两个HTML和以及JS: Register.htm文件：
<!DOCTYPE html>
<html&g
浏览 13提问于2016-08-05得票数 0
2回答
用于记忆输入值的Javascript cookie
javascript、html、cookies、input、authentication
我需要为我的书房制作一个带有曲奇的网站，但我就是不能让它发挥作用。我试着去寻找每个人都想要的解决方案，但是找不到我需要的东西，因为我的老师想要他教我的简单代码。我需要做一个曲奇，记住你的用户名，所以当你下次登录时(不需要识别密码)，你会收到“欢迎再次‘用户’”的信息。它必须做简单的Javascript只有！
这是我的javascript文件(cookies.js)：
function setCookie(cname,cvalue,exdays)
{
var d = new Date();
d.setTime(d.getTime()+(exdays*24*60*60*1000));
var ex
浏览 2提问于2014-02-25得票数 0
回答已采纳
2回答
Cookies的初始化和删除
javascript、cookies
我对javascript很陌生，并坚持使用以下cookie问题
问题
以下问题中的cookie值是一个名称。
我试图从cookie中显示用户名。打开页面时，如果有cookie值，则必须以适当的问候语显示cookie值。但是，如果打开页面时没有cookie值，则必须弹出一个提示框，询问用户的名称。如果用户的名称( cookie值)被错误地显示在页面上，例如John打开页面，显示的名称是Paul，那么他必须单击“如果您不是Paul”，就必须删除cookie，John必须看到询问他姓名的提示框。然后，新的cookie值必须是John在提示框中输入的值。
码
问候的部分正在完美地运作。我有下面的cod
浏览 0提问于2014-10-12得票数 0
1回答
从cookies中检索数据并显示在下一页
javascript、html、cookies
我是JavaScript的新手。我已经创建了登录页面，我知道如何将数据保存在cookie中，现在我想知道如何在单击登录按钮并显示在下一页时从cookie中检索数据。我试过了，但我不能得到解决方案。有人能帮我解决这个问题吗？
我添加了以下代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Login Page</title>
</head>
<body>
<script&
浏览 2提问于2018-02-08得票数 0
1回答
如何从上一页提取用户输入以放入下一页？
javascript、html
<!DOCTYPE html>
<html>
<head>
<title>Cookie Order Form</title>
<link rel="stylesheet" href="First_Design.css">
<script src="cookieform.js"></script>
</head>
<body>
<h1>Cookie Order Form<
浏览 3提问于2017-02-04得票数 0
3回答
JavaScript中的Cookie不能正常工作
javascript
我试图在Javascript中使用cookie，但它不起作用。我不明白这个问题。下面是我的代码。请帮帮忙。
index.jsp
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org
/TR/html4/loose.dtd">
<html>
<head>
<meta http
浏览 0提问于2013-11-11得票数 0
回答已采纳
1回答
javascript如何使用表单文本输入更新cookie
javascript、forms、cookies
我有一个javascript程序，它使用cookie来保存用户的名字和最喜欢的项目，在我的例子中，我使用的是pet。Html页面将允许用户通过表单文本输入更新他们最喜欢的宠物，并在单击按钮时使用输入更新cookie。不知道该怎么做……如有任何建议或帮助，将不胜感激。
<html>
<body onload="checkCookie()">
<header>
Cookies
</header>
<br>
<form>
浏览 0提问于2017-05-17得票数 1
1回答
如何在cookie有值时隐藏html
javascript、html、cookies
<html>
<head>
<title>
</title>
<script type="text/javascript">
function createCookie(newCookie)
{
var expDate = new Date()
expDate.setYear(expDate.getYear() + 1);
var cookieVal = document.getElementById(newCookie).value;
document.cookie = new
浏览 1提问于2012-10-21得票数 0
1回答
为什么当我点击表单提交按钮时，它不会转到下一页？
javascript、forms
我试图弄清楚为什么表单的"submit this form“按钮没有将我带到我在<form ... action="submit form.html" method="get">属性中指定的另一个超文本标记语言页面，不仅如此，而且当我输入错误的名字、电子邮件地址、订单号和订单日期时，它不会返回我使用JavaScript在if-else代码中指定的JavaScript消息。
下面是我在表单上使用的JavaScript代码。
var $ = function (id)
{
return document.getElementById(id
浏览 0提问于2017-02-04得票数 0
1回答
JS Cookie根据用户显示/隐藏表单
javascript、html
我正试图建立一个网站，任何人都可以在填写表格后访问它。我已经用几个字段设置了表单，但我的问题是如何使用JS cookie来检查用户是否已经提交了此表单，如果用户已经将表单重定向到下一页，如果没有等到提交表单后再重定向？
表单中的数据还不需要保存，这将在稍后实现。
想要的功能：用户打开网站，如果他们以前提交过表单，他们只是直接进入索引页，如果他们是一个新用户谁没有提交表单，他们填写它，提交，并被重定向到索引页。曲奇6个月后到期。
我的代码似乎不起作用：
<!DOCTYPE html>
<html>
<head>
<script>
浏览 4提问于2020-08-03得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
