javascript - 仅使用 javascript、HTML 和 CSS 模拟用户登录

标签 javascript html

所以我现在正在学习如何制作网站原型(prototype),其中一项要求是仅使用 javascript、HTML 和 CSS 将纸质原型(prototype)设计并实现为网络上的实际原型(prototype)。

我想知道是否有一种方法可以让我在不使用任何数据库的情况下模拟用户登录功能。我正在考虑创建一个类似的方法

in javascript:
var username = Bob123
var password = BobHasNoPassword

当我将其输入 HTML 表单时,它将重定向到另一个页面。

最佳答案

我建议您使用HTML5 localStorage来存储用户名和密码。 localStorage 作为浏览器上的存储 API。几乎就像数据库一样。当用户输入用户名时,您可以使用 getItem 方法将其与 localStorage 数据进行匹配以进行验证。您甚至可以通过使用多个唯一键来存储多个用户。它还可以为您的 session 状态等服务。

// Store values e.g register user
localStorage.setItem("username", "Smith");
localStorage.setItem("password", "p@55word");

// Retrieve user password/username
var username = localStorage.getItem("username");
var username = localStorage.getItem("password");

关于javascript - 仅使用 javascript、HTML 和 CSS 模拟用户登录,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30024596/

相关文章:

javascript - 使用 closest 函数查找属性值

javascript - React.js 图像未加载

javascript - 遍历列 JavaScript

javascript - 如何使用 javascript 打印 tiff 图像?

php - 对于业务人员管理,将二进制图像保存在 MySQL 中还是仅保存 url?

javascript - Chart.js - 悬停后数据点变小

javascript - 将 event.target 与现有的 jQuery 对象匹配

html - Bootstrap 导航对齐失败

html - CSS - 只需要在悬停时增加图像大小(而不是文本)

html - 在 div/MVC3 中显示子网页