前言

这一个简单的注册页面代码，适合初学者进行模仿和理解，这个代码仅限于两个页面的跳转，不包括数据处理

一、效果展示

1.登录

2.注册

二、代码部分

1.登录

代码如下（示例）：

<style>* {padding: 0;margin: 0;box-sizing: border-box;}li {list-style: none;}a {text-decoration: none;}body {background-color: rgb(10, 158, 133);}.login {text-align: center;margin-top: 100px;}.login ul li input[type=text],.login ul li input[type=password] {font-size: 16px;}.login ul li input {width: 275px;height: 40px;margin-top: 20px;}.login ul li input[type=button] {width: 100px;height: 40px;}</style>
</head><body><form class="login"><h2>登录</h2><ul><li>用户名：<input type="text"></li><li>密&emsp;码：<input type="password"></li><li><input type="button" value="登录"></li><li>还没有账号？<a href="注册.html">点击注册</a></li></ul></form>
</body>

2.注册

代码如下（示例）：

 <style>* {padding: 0;margin: 0;box-sizing: border-box;}li {list-style: none;}a {text-decoration: none;}body {background-color: rgb(10, 158, 133);}.post {text-align: center;margin-top: 100px;}.post ul li input[type=text],.post ul li input[type=password],.post ul li input[type=email] {font-size: 16px;}.post ul li input {width: 275px;height: 40px;margin-top: 20px;}.post ul li input[type=submit] {width: 100px;height: 40px;}</style>
</head><body><form class="post"><h2>注册</h2><ul><li>用户名：<input type="text"></li><li>密&emsp;码：<input type="password"></li><li>邮&emsp;箱：<input type="email" required="required"></li><li><input type="submit" value="注册"></li><li>已有帐户？<a href="登录.html">点击登录</a></li></ul></form>
</body>

总结

登录和注册页面的写法相差不大，里面很多元素都是一样的。页面的样式也可以在style里面相对应的地方去修改（背景，大小等）。

一个简单的登录注册页面html代码相关推荐

小白教程——Windows下用PHP写一个简单的登录注册页面（二）
哈喽,看到这里希望小伙伴们都把wampserver环境安装好了,如果还没有安装或创建数据表就移步去看我上一篇文章吧.OK~接下我们将进入代码实现部分,首先我们需要一个文本编辑器,可以是电脑自带的not ...
一个简单的登录注册网页的实现
一个简单的登录注册网页的实现通过标签让标签内的内容居中显示,再通过标签中的method属性来设置请求方式为post(一般涉及密码等机密数据都用post请求):再通过action来设置请求地址.这其 ...
用layui做一个简易的登录注册页面
用layui做一个简易的登录注册页面 1.首先在主页绑定一个点击事件,点击登录按钮就可以弹出一个弹出窗,一般商场登录页面不会跳转一个新页面,因为如果进入一个新页面,登录后需要跳转会原来的页面,这样会导 ...
php使用webservivce_基于SSM框架实现简单的登录注册的示例代码
一.环境配置工程目录在pom.xml添加依赖 xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apac ...
一个简单的登录注册界面流程介绍
登录页面实现其他页面的实现可以到github上克隆下来 login_interface login_server 一.用户登录 1.密码登录流程: 用户输入密码: 表单使用正则验证用户名和密码格式 ...
HTML写一个简单的登录注册界面
页面样式 HTML代码 <html lang="en"> <head><meta charset="UTF-8"><t ...
H5创建一个简单的qq注册页面
该图就是最终要完成的效果,简单分析一下改图的整体结构,以及需要用到的标签及属性.这里我是直接创建一个表单,然后在表单中创建一个十行一列的表格.以下为最终效果的代码 <!DOCTYPE html& ...
PERL-MOJO写一个简单的登录验证页面
PERL果然是很牛掰的东西... 失业三年半了.还是想keep一下perl的兴趣. use Mojolicious::Lite;my $password='1253';get '/login' = ...
python做一个登录注册界面_Python 实现简单的登录注册界面
Python 实现简单的登录注册界面注意:编写代码之前需要导入很重要的包 import tkinter as tk import pickle from tkinter import message ...
Java Swing 简单的登录注册窗口
前言最近在学习Java Swing 写了一个简单的登录注册窗口, 该项目包含了对JFrame的创建,和一些组件的练习并且加入了简单的事件监听和简单的用户名密码判断. 登录和注册的页面只画出来了没有进 ...

一个简单的登录注册页面html代码

文章目录

前言

一、效果展示

1.登录

2.注册

二、代码部分

1.登录

2.注册

总结

一个简单的登录注册页面html代码相关推荐

最新文章

热门文章