登录注册HTML页面代码

一、注册

创建register.html文件，录入如下代码

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style type="text/css">form{ width:100%;height:100%;margin-top: 100px;margin-bottom: 100px;background:#008B8B;}div{display:inline-block;padding-top: 255px;padding-bottom: 255px;padding-left: 1px;padding-right: 1px;}h2{font-family: "微软雅黑";font-size: 40px;color:black;}#log{color:blue;}</style></head><body><form><center><div><h3>注册</h3><p>用户名：<input type="text"/></p><p>密&emsp;码：<input type="password"/></p><p>手机号：<input type="text"/></p><p><input id=reg type="submit" value="立即注册" /></p><p>已有账号？<a href="login.html">请登录</a></p>   </div></center>           </form>      </body>
</html>

打开register.html文件，效果如下：

二、登录

创建login.html文件，录入如下代码

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style type="text/css">form{ width:100%;height:100%;margin-top: 100px;margin-bottom: 100px;background:#008B8B;}div{display:inline-block;padding-top: 255px;padding-bottom: 255px;padding-left: 1px;padding-right: 1px;}h2{font-family: "微软雅黑";font-size: 40px;color:black;}#log{color:blue;}</style></head><body><!--div class="div"><img src="favicon.png" width="100%" height="200px" alt=""  id="picture"></div--><form name="login"><center><div><h2>登录</h2><p>用户名：<input type="text"/></p><p>密&emsp;码：<input type="password"/>     </p><p><input id=log type="submit" value="立即登录" /></p><p>没有账号？<a href="register.html">请注册</a></p>   </div></center></form></body>
</html>

打开login.html文件，效果如下：

登录注册HTML页面代码相关推荐

java wed登录面代码_JavaWeb实现用户登录注册功能实例代码(基于Servlet+JSP+JavaBean模式)...
下面通过通过图文并茂的方式给大家介绍JavaWeb实现用户登录注册功能实例代码,一起看看吧. 一.Servlet+JSP+JavaBean开发模式(MVC)介绍 Servlet+JSP+JavaBea ...
Springboot只允许进入登录注册的页面，没登录页面进行拦截。
首先是index.html页面: <body style="text-align:center;"><form action="/denglu" ...
php制作网页登录注册,登录注册的页面制作
下面来做一个超简易的登录注册先来说注册得先写个大标题证明是注册页面,然后再就是文本框填内容,在注册这里建三个文本框,用户名,密码,还有姓名,最后还有一个注册的按钮,用来跳转页面分析好了之后,先建 ...
php使用webservivce_基于SSM框架实现简单的登录注册的示例代码
一.环境配置工程目录在pom.xml添加依赖 xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apac ...
php 登录注册api接口代码
/** *一览(www.yl1001.com) * PHP开发API接口服务端 */ require 'conn.php'; //连接数据库的文件 header('Content-Type:text ...
java登录注册抽奖完整代码_Java抽奖系统（附完整代码）
完整代码import java.util.Scanner;import java.util.ArrayList;import java.io.*;import java.util.StringToke ...
java登录注册抽奖完整代码_JAVA实现用户抽奖功能（附完整代码）
需求分析 1)实现三个基本功能:登录.注册.抽奖. 2)登录:用户输入账号密码进行登录,输入账号后会匹配已注册的用户,若输入用户不存在则退出,密码有三次输入机会,登录成功后主界面会显示已登录用户的账号 ...
登录注册php完整代码,PHP用户注册与登录完整代码分享
在前面我们讲了<PHP 用户注册与登录实例演示>.<PHP 实现用户注册功能>.<PHP实现用户登录与退出功能>经过一系列的学习,就可以轻松实现注册与登录了,下面我 ...
用html中表单标签实现QQ登录注册静态页面
例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...
H5CS3酷炫登录注册静态页面

登录注册HTML页面代码

登录注册HTML页面代码相关推荐

最新文章

热门文章