前端作业(一)——我在《世纪佳缘注册页面》作业中遇到的问题

今天老师在课堂上布置了一道作业——世纪佳缘注册的静态页面，用基本的html与css知识写出来。所以我就照着老师给出的页面敲出来了。基本的代码如下：

    
    
    
    
    



    
青春不常在，抓紧谈恋爱
    

        
        

            
性别:
            

                  男
                  女
            
        
        
        

            
生日:
            

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

            
所在地区
            

        
        
        

            
婚姻状况
            

                  未婚
                  已婚
                  离婚
            
        
        
        

            
学历:
            

        
        
        

            
月薪
            

            
        

            
手机号码
            

        
        
        

            
昵称
            

        
        
        
        

            
喜欢的类型:
            

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

            
自我介绍
            

                自我介绍
            
        
        
        

            

            

                 
            
        
        
        

            

            

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

            

            

                 我是会员，立即登录
            
        
        
        

            

            

                
我承诺
                

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

运行之后就是这个样子了，和老师的基本一样

 问题就来了，我不明白的是老师说单选按钮和复选按钮的name属性的值必须要一样。单选按钮不一样就会多选，然后还在课上演示了一下，确实是那样。而我又在课下实验了一下，单选按钮的name值如果不一样，就产生了和复选按钮一样可以实现多选，而复选按钮没有或者name值都一样它都可以实现多选，所以老师并没有说明白，说的太片面了。name值的作用肯定不是这样的，所以我在网上搜了大量的资料，才发现了其中的奥秘：通过学习我们知道表单元素用于输入用户信息，而name和value属性用于给后台人员使用。说到这，我不得不说由于我们知识有限，后台需要用到php，java,js的知识，而且我们还没有接触到后端和服务器，所以不知道name属性到底是怎么工作的，这是我们小白学习前端可能都会遇到的问题，博主就被这个问题困扰了好多天。今天我把我通过在网上看到的以及我的理解说给大家听，我认为name属性的作用就相当于人的名字一样，用来区分一个人的，所以name值相同的单选按钮或复选按钮属于同一个组，不同的name值的单选或复选按钮属于不同的组，这样后台就好区分用户选的是哪一个组的哪一个了，所以说同一个组的单选或复选按钮name值必须一样，这样理解确实就说的通了。而网上大部分的解释都是千篇一律，很片面的，没有说清楚。包括我可能也说的也不对，说的也不清楚，但仅代表我个人的想法，因为博主也没学习到后端的知识，或许学习到后端的知识，这些问题也就迎刃而解了吧！

如果有大佬看到这篇文章，欢迎指正，希望有更多的小伙伴们向我提出错误。