文章目录前言1、效果展示1 .注册2 .注册2、代码部分1 .注册2 .注册总结
前言这个简单的注册页码适合初学者模仿和理解。 此代码仅限于两页跳转，不包括数据处理
一、效果展示1 .登录
2 .注册
二、代码部分1 .登录代码如下：
style * { padding: 0； margin: 0； 盒尺寸： border-box； (Li )列表样式： none； } a {文本修饰： none； 主体{背景颜色： RGB (10，158，133 )； }.log in {文本- align : center； margin-top: 100px； } .login ul li input[type=text]， loginulliinput [ type=password ] { font-size 336016 px； }.loginulliinput { width :275 px； 高： 40px； margin-top: 20px； }.loginulliinput [ type=button ] { width :100 px； 高： 40px； }/style/headbodyformclass=' log in ' H2登录/h2 ul li用户名： input type='text' /li li密emsp； 代码： input type=' password '/LiLi input type=' button ' value='登录'/Li Li是否还没有帐户？ a href='注册. html '注册/a/li /ul /form/body 2.点击注册码，如下所示(
style * { padding: 0； margin: 0； 盒尺寸： border-box； (Li )列表样式： none； } a {文本修饰： none； 主体{背景颜色： RGB (10，158，133 )； } .post { text-align: center； margin-top: 100px； } .post ul li input[type=text]， post ul li input[type=password]， postulliinput [ type=email ] { font-size 336011111110 高： 40px； margin-top: 20px； }.postulliinput [ type=submit ] { width :100 px； 高： 40px； }/style/headbodyformclass=' post ' H2注册/h2 ul li用户名： input type='text'/li li密emsp； 代码： input type='password'/li li邮件emsp； 箱子： input type=' email ' required=' required '/LiLi input type=' submit ' value='注册'/Li Li是否已经有账户？ a href='登录. html '登录/a/li /ul /form/body总结登录和注册页面的写法没有很大差异，很多要素是相同的。 页面样式也可以在style中相应的地方修改。