1. 使用CSS美化登录页面

使用P、Span等标签搭建好框架，接着美化相关标签如：form、p等。

针对账号的正则表达式 pattern="^[a-zA-Z][a-zA-Z0-9_]{4,15}$"

针对密码的正则表达式 pattern="^[a-zA-Z]\w{5,17}$"

2.使用CSS美化注册页面（点击这里查看大图）

注意：用户登录名文本框无法修改；打开网页时真实姓名文本框就自动获得焦点；

          个人主页有一个datalist列表。

正则表达式：

• 真实姓名： pattern="^[\u4e00-\u9fa5]{0,}$"

• 身份证号：pattern="^\d{8,18}|[0-9x]{8,18}|[0-9X]{8,18}?$"

• 手机号码：pattern="^\d{11}$"

• 个人主页：pattern="^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$"

3.素材下载

4.上述网页源代码