【PHP学习】 Simple Message 系统

这个项目在这儿：https://download.youkuaiyun.com/download/ahanwhite/11139410

啊，我是前端菜鸟~第一节就是前端的内容了，头疼之后也没得办法，做呗：

实验要求

一、仿照下图做一个注册网页（register.php），该页面包含一个表单，表单中包含以下信息

 

当用户点击“注册”按钮时，用户所填写的所有信息将被提交到一个目标页面（仅仅是一个普通页面，不对传来的数据做任何处理）（例如：registerverify.php）,要求：

该页面的内容自行设计。

在表单提交之前要求使用JS对表单的所有输入项进行校验，包括：账号、密码、确认密码、验证码不能为空；账号长度不得少于4位；密码长度在6-8位之间，必须要有字母或数字的组合；密码和确认密码必须一致。

作业整体要求：

1、页面布局及所有静态元素的摆放必须使用Div+CSS或flex弹性布局

2、页面元素的校验要使用JavaScript实现

网页整体实现

根据页面的内容，我将它分成了三大部分来写：1. 标题栏，2. 表单内容，3.网站的著作权声明（这里照猫画虎了哈哈），然后整个网页（body）的背景是rgb(248, 248, 255)，中间内容（allDv）的背景是rgb(240, 248, 255)，表单内容框（formDv）背景是white。

小技巧：根据图片获取颜色值，可以使用微信、QQ等自带的截图，就会有相应的颜色代码在。

1. 网站整体

网站整体居中，关键css代码为：