PHP选课系统第四集——注册页面(registration.php)

PHP选课系统第四集——注册页面(registration.php)

这是PHP选课系统系列的第四篇,此系列会带领新学习PHP的萌新们一点一点的自己完成一个选课系统。我也是新学的菜鸟,所以大家一起努力吧!
如果不想看过程,最后有最终代码。
在这里用的环境是NetBeans IDE 8.0.2和XAMPP。

一、注册页面的制作

1.构思

大家还是构思一下注册页面需要有什么
和登录页面非常的相似,只是多了几个内容,所以这里会经常拿上一次的页面做比较,大家有不明白的可以到登录页面看看有没有需要的答案。
登录页面的讲解,用来对比
PHP选课系统第四集——注册页面(registration.php)_第1张图片

2.分解

用我们经典配色将它分解。首先,大家应该已经熟悉了,它应该在一个

里的。在这个div中,分成三块内容,分别是请注册这个标题,其他各种需要填写的信息,还有一个提交按钮。(这里的后两块按照功能划分了一下)
这里我们需要注意,在外层的
的外面,我们还要套一层表单
。表单用于向服务器传输数据。然后在表单里有一个大
,在其中又分别有三个

PHP选课系统第四集——注册页面(registration.php)_第2张图片

第一个小

只有标题,很简单;
第二个小
中则要复杂许多。这里以第一行用户名为例,我们需要一个“用户名”,并用写用户名。
第三个小
中也只有一个提交按钮
PHP选课系统第四集——注册页面(registration.php)_第3张图片

3.写框架

先写出刚才分解后的框架,并做一些外层的简单的css设置,再加上如同登录页面的设置(如:class,idfor等)
PHP选课系统第四集——注册页面(registration.php)_第4张图片

		
            
请注册

4.css调格式

接着调整细节,具体操作可看登录页面的讲解
这里比登录页面多加了红色*的功能.c1:after{content: '*';color: red;}

PHP选课系统第四集——注册页面(registration.php)_第5张图片

 

二、为了方便,这里又放上了代码


    
        
        
    
    
        
        

        
请注册

你可能感兴趣的:(php,开发语言,html5)