用PHP制作简单的登录页面

题目要求：

登录页面：设计一个登录页面，获取登录表单中的用户名和密码，如果用户名为“admin”，密码为“123456”，则提示登录成功。效果参考下图：

代码：

1.php

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>表单</title><style>.a{display: flex;flex-direction: column;align-items: center;}table {border:1px solid #000000;text-align: center;}table th{background-color: darkgray;border:1px solid #000000;}  table td{border:1px solid #000000;text-align: center;}</style></head><body><div class="a"><form action="page2.php" method="post"><table><tr><th colspan="2">用户登录表单</th></tr><tr><td>用户名：</td><td><input type="text" name="a" required></td></tr><tr><td>密码：</td><td><input type="password" name="b" required></td></tr><tr><td colspan="2"><input type="submit" name="submit" value="登录"/><input type="reset" name=“Reset”></td></tr></table></from></div></body>
</html>

page2.php

<?php
$username=$_POST["a"];
$password=$_POST["b"];if(strcmp($username,"admin")==0 && strcmp($password,"123456" )==0){echo"<script>";echo"alert('登录成功');";echo"</script>";}else{echo"<script>";echo"alert('账号或密码错误');";echo "location.href='1.php';"; echo"</script>";}
?>

成果图：

用PHP制作简单的登录页面相关推荐

html+css 制作简单QQ登录页面
HTML+css制作简单QQ登录页面这是效果图这是HTML源码 <!DOCTYPE html> <html lang="zh"><head> ...
写一个简单的登录页面!!!(html)
写一个简单的登录页面!!! 大家好,我是伍柒. 今天我又双叒叕发现了一个好东西. 那就是用html做一个登录页面那,该如何做呢? 首先现在html里的body里写一个头部header标签(双标签 ...
HTML+CSS制作知乎登录页面
HTML+CSS制作知乎登录页面由于没有用上js相关的技术,所以无法做出相应的功能,,只能做出知乎登录页面的用密码登录的界面,不能切换到免密码登录.相关界面的图片如下: 网页上的原图: 我做的: ...
JSP实现简单的登录页面实现及代码（非连接数据库）
** JSP实现简单的登录页面实现及代码(非连接数据库) ** 1.实现一个简单的登陆页面: 2.如果登陆成功,提示页面欢迎你,进入我的主页: 3.如果登陆不成功跳转到登陆页面: 4.使用固定用户名和 ...
实现一个简单的登录页面
实现一个简单的登录页面设计了一个登录页面,感觉还挺不错的实现效果设计的还是挺好看的吧分析需要的功能一个登录页面一个注册页面翻转效果输入后的正则判断,给用户提示信息翻转要清空页面的全部信 ...
使用HTML制作简单的新闻页面
这次我们学习的是如何使用HTML制作简单的新闻页面完成效果如下图所示: 进行效果分析制作结构首先打开dw 创新文件夹(前面已经讲过了) 将所要展示的文字输入在<body>标签内水平 ...
Android开发实现简单QQ登录页面
Android开发实现极为简单的QQ登录页面设计一个简单QQ登录页面,无任何功能.然后打包安装到手机. 1.首先创建一个空白页面 2.打开样式设计的页面在activity_main.xml中写入代 ...
PHP连接数据库实现简单的登录页面
最后实现结果如下图所示: 如果输入的用户名或密码为空,则会弹出对话框提示同样的,如果输入的密码不正确也会弹出对话框提示: 登录成功页面: 具体实现代码如下: HTML代码: <!DOCTYPE ...
Kotlin实现简单的登录页面
目录一.流程: 二.代码实现: 一.流程: 输入登录昵称+密码,点击登录按钮,登录成功显示成功toast并进入详情页面,登录失败显示失败toast Kotlin实现简单的登录页面视频 Kotlin实 ...

用PHP制作简单的登录页面

题目要求：

代码：

成果图：

用PHP制作简单的登录页面相关推荐

最新文章

热门文章