html表单实验（单选、多选、下拉框、文本域以及按钮）

实验目标：

给了一张图片，让按照图片样式做一个表单，首先实现所有功能。

        

        

        





            

  
            
用户注册

            
用户名：

            
密码：


            


            性别：男

            女



            


            爱好：唱

            跳

            rap

            打篮球



            


            
邮箱：



            


            
用户头像：



            
家庭住址：

                请输入你的住址

            

       

            
收货住址：

                广州

                深圳

                重庆

                南京

            

       

            
建议或意见你的建议或意见



            选择你喜欢的颜色：



            注册时间：



            


            注册

        





​

 但是在所有功能都实现后，发现无法让表单居中，一直缩在左上角，看起来很难看。所以我采用了一个最简单的方式将表单居中

    
    
    


    
         

            
用户注册
            
用户名：
            
密码：

            

            性别：男
            女

            

            爱好：唱
            跳
            rap
            打篮球

            

            
邮箱：

            

            
用户头像：

            
家庭住址：
                请输入你的住址
            
        
            
收货住址：
                广州
                深圳
                重庆
                南京
            
        
            
建议或意见你的建议或意见

            选择你喜欢的颜色：

            注册时间：

            

            注册