php代码编写注册登录页面,PHP开发登录注册完整代码之注册HTML页面

短命女 2023-01-17 08:28 219阅读 0赞

创建 reg.html 文件

我们此页面有一个

表单，里面有四个input输入框，我们用JS对输入框里面的内容作了登录判断，并使用了css对表单进行了布局。

代码如下html>

登陆界面

function checkinput()

\{

if(myform.name.value=="")

\{

alert("请输入用户名");

myform.name.focus();

return false;

\}

if (myform.pwd.value=="")

\{

alert("请输入密码");

myform.pwd.focus();

return false;

\}

if(myform.pwd.value != myform.pwdconfirm.value)\{

alert("你输入的两次密码不一致，请重新输入！");

myform.pwd.focus();

return false;

\}

if (myform.yzm.value=="")

\{

alert("请输入验证码");

myform.yzm.focus();

return false;

\}

\}

body\{background-color: rgba(223, 255, 231, 0.28)

\}

.container\{

border-radius: 25px;

box-shadow: 0 0 20px \#222;

width: 380px;

height: 400px;

margin: 0 auto;

margin-top: 200px;

background-color: rgba(152, 242, 242, 0.23);

\}

.right \{

position: relative;

left: 40px;

top: 20px;

\}

input\{

width: 180px;

height: 25px;

\}

button\{

background-color: rgba(230, 228, 236, 0.93);

border: none;

color: \#110c0f;

padding: 10px 70px;

text-align: center;

display: inline-block;

font-size: 16px;

cursor: pointer;

margin-top: 30px;

margin-left: 50px;

\}

## 用户注册 ##

用 户 名：

密　　码:

确认密码:

验 证 码：

立即注册

发表评论取消回复

表情：

评论列表（有 0 条评论，219人围观）

还没有评论，来说两句吧...

相关阅读

相关 uniapp-含有后端的登录注册页面编写

uniapp-含有后端的登录注册页面编写创建数据库数据库结构表名：user <table> <thead> <tr> <th>列名<

￡神魔★判官ぃ/ 2024年03月22日 15:36/ 0 赞/ 53 阅读

相关 php代码编写注册登录页面,PHP开发登录注册完整代码之注册HTML页面

创建 reg.html 文件我们此页面有一个表单，里面有四个input输入框，我们用JS对输入框里面的内容作了登录判断，并使用了css对表单进行了布局。代码如下ht

短命女/ 2023年01月17日 08:28/ 0 赞/ 220 阅读

相关 bootstrap创建登录注册页面

![806956-20200731234507722-1116809922.gif][] 扫码关注领编程教学资料用bootstrap做登入注册页面，使用validat

本是古典何须时尚/ 2022年08月18日 11:48/ 0 赞/ 318 阅读

相关 php登录注册页面及加载

![复制代码][copycode.gif] 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//

拼搏现实的明天。/ 2022年06月18日 08:54/ 0 赞/ 237 阅读

相关 javaweb注册登录页面

javaweb注册登录页面 <%@ page language="java" contentType="text/html; charset=UTF-8" pag

太过爱你忘了你带给我的痛/ 2022年05月22日 12:13/ 0 赞/ 291 阅读

相关 HTML注册页面代码实现（案例）

注册页面  <form action="" method="post">

迷南。/ 2022年05月13日 08:54/ 0 赞/ 308 阅读

相关 JS之单页面登录注册

> 实现思路：通过js控制display的none和block 1：html <div class="form"> <!--1：切换登录

曾经终败给现在/ 2022年05月10日 01:44/ 0 赞/ 220 阅读

相关 HTML&CSS实现经典登录注册页面

提要：本篇文章说的是一个简单的登录、注册页面用HTML结合css如何实现，包括两个页面的相互跳转，不包括对输入数据的处理，适合刚入门的新手小白。 1、首先看一下最后的实现

￡神魔★判官ぃ/ 2022年05月08日 06:40/ 0 赞/ 460 阅读

相关登录，注册页面详解

\\\ 登录，注册页面详解注册，登录页面非常类似，这里先着重讲登录页面。登录页面样式： ![在这里插入图片描述][watermark_type_ZmFuZ3po

超、凢脫俗/ 2022年03月16日 03:42/ 0 赞/ 330 阅读

相关登录注册页面(移动端)

1. 目的 : 提高开发效率, 复用页面 2. 内容 : 登录注册, 带验证码倒计时 3. 下载地址, 戳下面 [提取码: d589][d589] [d589]

向右看齐/ 2021年09月17日 04:44/ 0 赞/ 417 阅读