html制作登陆注册页面

源代码如下

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>*{margin: 0;padding: 0;}.nav{width: 300px;height: 470px;background-color: #efefef;margin: 0px auto;}.nav_main{width: 300px;height: 55px;}.nav_main div{display: inline-block;width: 150px;height: 55px;line-height: 55px;text-align: center;}.nav_main div a{color: black;text-decoration: none;}.nav_main1{background-color: #8fbd8f;}.nav_main2{float: right;}.nav_cnt1{width: 250px;height: 138px;margin: 35px auto 0px;}.nav_cnt1 input{width: 250px;height: 45px;margin-bottom: 20px;}.nav_cnt2{width: 250px;height: 50px;margin: 0px auto;}.nav_cnt2 p{float: right;}.nav_cnt2 p a{color: #999999;text-decoration: none;}.nav_cnt2 p a:hover{color: red;text-decoration: underline;}.nav_cnt3{width: 250px;height: 35px;margin: 0px auto;}.nav_cnt3 div{display: inline-block;}.nav_cnt3 input{width: 110px;height: 35px;background-color: green;color: white;border: none;}.nav_cnt3_btn1{float: right;}.nav_cnt4{width: 250px;height: 35px;margin: 10px auto;}.nav_cnt4 select{width: 135px;height: 20px;}.nav_cnt4 p{float: right;}.nav_cnt5{width: 250px;height: 35px;margin: 10px auto;}.nav_cnt5 input{width: 80px;height: 25px;float: right;color: indigo;text-decoration: underline;border-color: #62a1a2;}.list{width: 250px;height: 35px;margin: 0px auto;color: red;font-size: 14px;}.list .list_1{color: rgba(0, 128, 0, 0.5);}</style>
</head>
<body><form action=""><div class="nav"><div class="nav_main"><div class="nav_main1"><a href="">二维码登陆</a></div><div class="nav_main2"><a href="">邮箱账号登陆</a></div></div><div class="nav_cnt1"><input type="text" name="email" placeholder="请输入邮箱"><input type="password" name="psd" placeholder="密码"></div><div class="nav_cnt2"><input type="checkbox">十天内免登录<p><a href="">忘记密码？</a></p></div><div class="nav_cnt3"><div><input type="submit" value="登录"></div><div class="nav_cnt3_btn1"><input type="button" value="去注册"></div></div><div class="nav_cnt4"><label>版本<select name="" id=""><option value="">默认版本</option></select></label><p><input type="checkbox">SSL</p></div><div class="nav_cnt5"><input type="button" value="下载使用"></div><div class="list"><ul><li class="list_1">年货节全场5折</li><li>年货节全场5折</li></ul></div></div></form>
</body>
</html>

html制作登陆注册页面相关推荐

JavaEE学习之jsp编写登陆注册页面
JavaEE学习之jsp编写登陆注册页面刚开始学习javaee,好多东西需要一点点积累.最近用jsp和简单的JavaScript写的登录注册界面,简单做一下记录. 准备–页面布局登录和注册界面的H ...
图书管理系统之登陆注册页面布局（一）
图书管理系统之登陆注册页面布局(一) 相关源码下载连接:https://download.csdn.net/download/baidu_39378193/85033291 前言,创建一个新的MVC项 ...
jsp mysql登录注册实验报告_登陆注册页面实验报告.doc
登陆注册页面实验报告兰州理工大学二.数据库设计本系统采用mysql数据库,只有一个表:数据表userinfoinfo用来存储后台会员名称,密码和基本资料. 2.1用户信息表: 下面是用户信息表表 ...
12月11日，12月12日登陆注册页面的进度
12月11日晚抽出时间读学姐给的登录注册页面代码,有不懂的地方就百度,基本搞清楚了点登陆注册页面的基本框架和元素的作用.重点学习了<input><button><for ...
python 登陆注册页面练习
文章目录一.英雄联盟登陆二.md5盐值登陆注册页面一.英雄联盟登陆 import random while True:print("\t\t\t英雄联盟商城界面\n")pri ...
javaweb 登陆注册页面
视图的数据修改,表中也修改引用工具类用<%@ page import=""%> <%@ page import="java.util.Date&quo ...
【原型制作】无素材-纯原生制作-登录注册页面原型图
有一段时间没有做过原型图了,现在因为项目需要,得做一套完整的原型图,由于时间关系,考虑制作低保真的原型,虽然低保,还是得抓一把细节,嘻嘻,在这里记录下登录注册页面纯原生做法的全过程. 工具:Axure ...
PHP实现简单登陆注册页面
PS:个人学习记录数据库设置: login.html: <!DOCTYPE html> <html><head><meta charset = " ...
h5 php登录注册页面验证,H5制作一个注册页面的代码实例
HTML5写的注册页面,正在学习html5的朋友可以参考下代码如下: register.html function play(){ document .getElementById("me ...

html制作登陆注册页面

html制作登陆注册页面

html制作登陆注册页面相关推荐

最新文章

热门文章