＜HTML＞简单登录页面代码

最新推荐文章于 2024-03-19 07:41:56 发布
VIP文章 最新推荐文章于 2024-03-19 07:41:56 发布
阅读量9.8k 收藏 5
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_53690010/article/details/118339513
版权

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>静态页面登录测试</title> 
 
 <script language="javascript">
 window.onload = function() {
  createCode()
 }
 var code; //在全局定义验证码 
 function createCode() {
  code = "";
  var codeLength = 4; //验证码的长度 
  var checkCode = document.getElementById("code");
  var random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R',
   'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'); //随机数 
  for(var i = 0; i < codeLength; i&#

最低0.47元/天 解锁文章
小小小小小江
关注
  • 3
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
简单html页面代码分享-百度
02-02
制作百度页面时需要的资源
html登录界面代码UI
m0_71456883的博客
04-27 1115
登录</div><div class="header">登录注册
六个好看实用的html简单登录页面源码
爱酷码的博客
03-19 973
六个好看实用的html简单登录页面源码，用在自己的项目中再合适不过了，都是单页，可以减少不必要的开发，效果如下：
HTML、PHP实战：搭建一个网页登录页面。
m0_50818626的博客
05-21 6423
可以看到当我们输入用户名：zhangsan 密码：123456 时，后台的数据库能够查询到，所以登录成功。可以看到，当输入数据库中已经存在的用户时，会显示用户已经存在，并且在3秒之后会跳转回原来的页面。当注册成功时，可以看到数据库中新增了对应的用户名及密码。当用户注册时前后两次输入密码不一致时也会出现提示。而当用户名和密码不匹配时则登录失败。文件名：denglu.html。我这里用的是小皮一键搭建的。文件名：denglu.php。文件名：zhuce.html。文件名：zhuce.php。
基于HTML的前端静态登录页面
02-07
是一个简基于html的静态登录界面，界面简单大方，没有后台代码，代码容易上手，适合新手，里边兼容了css模块，能够很快看懂并修改成自己喜欢的样子。
html实现登录界面
qq_46578318的博客
06-10 2万+
一、代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>login</title> <style> * { margin: 0; padding: 0; } html {
好看实用的六个html登录页面
热门推荐
ss810540895的博客
07-15 11万+
原文1.效果图： 代码： 2.效果图： 源码： 3.效果图：源码： 4.效果图：源码： 5.效果图： 源码： 6.效果图：源码：
HTML登录页面
jakelihua
10-27 3万+
本文用最通俗的语言，一步步教会大家CSS构建登录页面。首先构建。
简单的HTML登录界面（带源码）
宝子的博客
07-05 1万+
非常的简单，第一眼看到这个界面的时候就感觉非常的喜欢，给我一种简约又美观的感觉，然后就模仿样式自己写出来了，给大家分享一下。还写了一个注册页面大部分的代码都差不多，因为它们实在太像了，我太喜欢了。
简单的html登录界面
m0_54149550的博客
05-29 3万+
登陆界面效果图
利用html制作一个简单的登陆页面
m0_73780812的博客
05-10 8617
一张图片放入image,图片名称bg.jpg。需要的一张图片，两段代码。index.html代码。style.css代码。
简单登录注册界面模板（HTML+CSS+JavaScript）【登录注册界面代码】
06-13
简单登录注册界面模板（HTML+CSS+JavaScript）【登录注册界面代码】 简单登录注册界面模板（HTML+CSS+JavaScript）。简单登录注册界面模板（HTML+CSS+JavaScript）。简单登录注册界面模板（HTML+CSS+JavaScript）。 ...
jogo-da-memoria-DIO:在这个项目中，挑战将是仅使用HTML，CSS和Javascript创建一个记忆游戏
05-04
记忆游戏DIO 在这个项目中，挑战将是仅使用HTML，CSS和Javascript创建一个记忆游戏。...为VSCode启动开发环境在VSCode中打开项目文件夹安装Live Server扩展右键单击index.html>使用Live Server打开
html登陆页面的完整代码
11-05
以下是一个简单的HTML登录页面的完整代码 这个页面创建了一个简单的登录表单，包括用户名和密码的输入框以及一个提交按钮。当用户点击提交按钮时，表单数据将被提交到名为 "login.php" 的服务器端脚本。你可以根据...
Html制作简单而漂亮的登录页面
12-29
先来看看样子。 html源码： XML/HTML Code复制内容到剪贴板 <!DOCTYPE html>  <html lang=en>  <head>  <meta charset=UTF-8>  ... <div u00a0id=login>  <h1>
自动驾驶运动规划(Motion Planning).pdf
04-26
自动驾驶运动规划(Motion Planning)问题分析
财务数据分析模型6.xlsx
04-26
Excel数据看板，Excel办公模板，Excel模板下载，Excel数据统计，数据展示
人力资源数据分析看版.xlsx
04-26
Excel数据看板，Excel办公模板，Excel模板下载，Excel数据统计，数据展示
重庆大学2011-2012(2)数字电子技术II.pdf
最新发布
04-26
重庆大学期末考试试卷，重大期末考试试题，试题及答案
load.jsp为<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>$Title$</title> </head> <body> <form action="load.action"> <table> <tr><td>userID:</td><td><input type="text" name="userID" id="userID"></td></tr> <tr><td>password:</td><td><input type="password" name="password" id="password"></td></tr> <tr><td colspan="2"><input type="checkbox" name="remeber">记住我</td></tr> <tr><td><input type="submit" value="登录"></td></tr> </table> </form> </body> </html>判断user是否能够登录成功，如果可以重定向到showAllProducts.jsp页面,将代码补全
06-07
您可以在load.jsp页面中使用以下代码将用户重定向到showAllProducts.jsp页面： ``` <%@ page contentType="text/html;charset=UTF-8" language="java" %> <% // 获取表单参数 String userID = request.getParameter("userID"); String password = request.getParameter("password"); // 判断用户是否能够登录成功 boolean userLoginSuccess = false; // 用户是否登录成功的标志，需要根据具体情况进行修改 if ("admin".equals(userID) && "admin123".equals(password)) { // 这里是一个简单的登录验证示例，需要根据实际情况进行修改 userLoginSuccess = true; } if (userLoginSuccess) { // 重定向到showAllProducts.jsp页面 response.sendRedirect("showAllProducts.jsp"); } else { // 登录失败，返回登录页面或者给出错误提示等操作 %> <html> <head> <title>登录失败</title> </head> <body> <h1>登录失败，请检查用户名和密码是否正确！</h1> <a href="load.jsp">返回登录页面</a> </body> </html> <% } %> ``` 在代码中，首先获取表单参数userID和password，然后根据实际情况进行用户登录验证，将登录成功的标志保存在userLoginSuccess变量中。如果用户登录成功，就会使用response.sendRedirect()方法将浏览器重定向到showAllProducts.jsp页面；如果登录失败，就会在页面上给出错误提示，并提供返回登录页面的链接。需要注意的是，在重定向之前不能向浏览器输出任何内容，否则会导致重定向失败。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值