制作注册页面（HTML）

一、项目成品

二、案例说明

 本项目考察的是对于表格、列表（无序）、表单标签的综合运用，

首先我们要写把这个整体看做是一个大表格，每行两列，分很多行

我们的所有步骤都是基于一个表格每行两列的情况下，开始的

 所以我们可以先写出整个大框架，一个大表格，之后再往里面细填东西

性别栏：

因为是单选，所以我们在使用radio作为type的同时，还需要添加name属性，绑定“男”和“女”具有相同的name属性，这样因为属性相同所以只能二选一
添加label标签的原因是为了扩大点击的范围，原本我们是只有点击小圆圈才能有效，再添加label属性后，我们点击“男”这个字，同样能达到点中小圆圈的作用

生日栏：

需要用到select标签和下属的option标签

地区栏：

type为“text”时为文本框，使用value属性是代表一个默认值

婚姻栏：

情况与性别栏类似；只是多了个checked属性，表示为默认选中项

下面情况类似：

使用button属性为提交键，但需要与JavaScript配合使用，

若是只是使用html的话，更推荐sumbit标签和reset标签

最后便是无序列表了

使用方法为：

    

        
榴莲
        
臭豆腐
        
鲱鱼罐头
        

            
123
        
    

有序列表为：

    

        
 10000
        
 1000
        
1
    

 

三、项目代码

    
    
    
    


    
青春不常在，抓紧谈恋爱
    

        
        

            
性别:
            

                   男   
                  女 
            
        
        
        

            
生日:
            

                
                    --请选择年份--
                    2001
                    2002
                    2003
                
                
                        --请选择月份--
                        1
                        2
                        3
                
                
                        --请选择日--
                        1
                        2
                        3
                
        
            
        
        
        

            
所在地区
            

        
        
        

            
婚姻状况:
            

                    未婚    已婚   离婚
            
        
         
         

             
学历:
             

         
          
        

            
喜欢的类型:
            

                 妩媚的 
                 可爱的 
                 小鲜肉 
                 老腊肉 
                 都喜欢 
            
        
         
        

            
个人介绍
            

                个人简介
            
        
        
        

            

            

                
            
        
        

                

                

                        我同意注册条款和会员加入标准
                
        
        

                

                

                     我是会员，立即登录
                
        
        

                

                

                    
我承诺
                    

                        
年满18岁、单身
                        
抱着严肃的态度
                        
真诚寻找另一半