（11）前端 - HTML - form标签学习

form表单标签的学习：                                                                                   
      作用：收集并提交用户数据给指定服务器                                                                       
      注意：form标签会收集其标签内部的数据                                                                     
      属性：                                                                                      
          action：收集的数据提交地址也就是URL                                                               
          method：收集的数据的提交方式                                                                    
                get：合适小量数据，表单数据以？隔开拼接在URL后面，不同的键值对使用&符号隔开，不安全（可以看见）                            
                post：合适大量数据，安全（看不见），隐式提交                                                       
                                                                                               
                注意1：表单数据的提交，要提交的表单项必须有name属性值，否则不会提交                                           
                      提交的表单数据为键值对，键为name属性的值，值为用户书写的数据                                         
                注意2：form标签会收集其标签内部的数据                                                          
                注意3：form表单的数据提交需要依赖于submit提交按钮                                                 
          form表单域标签的学习：                                                                        
                作用：给用户提供可以进行数据书写或者选择的标签                                                        
                使用：                                                                            
                     文本框： input                                                                
                                  type：                                                        
                                       text 收集少量的文本数据用户可见                                      
                                       password 收集用户密码数据                                       
                                       name：数据提交的键，也会被js使用                                     
                                       value：默认值                                               
                     单选框： input                                                                
                                  type：                                                        
                                      radio                                                    
                                      name：name属性值相同的单选框只能选一项数据                                
                                      value：要提交的数据                                             
                                      checked：checked 使用此属性的单选默认是选择状态                          
                     多选框：input                                                                 
                                type：                                                          
                                     checkbox：                                                 
                                name：一个多选组需要相同的name属性值                                         
                                value：要提交的数据                                                   
                                checked：checked 使用此属性的多选框是默认状态                                 
                     下拉框：select                                                                
                                name：数据提交的键名，必须声明                                              
                                子标签：option：一个option标签表示一个下拉选项                                  
                                value：要提交的数据                                                   
                     文本域：textarea：声明一个可以书写大量文字的文本区域                                            
                            name：数据提交的键名，js和css也会使用                                            
                            cols：声明文本域的列长                                                      
                            rows：声明文本域的行长                                                      
                     普通按钮：input                                                                
                                 type：                                                         
                                       button                                                  
                     隐藏标签：input                                                                
                                   type                                                        
                                       hidden                                                  
                                   name                                                        
                                   value                                                       
                                                                                               
                                                                                               
          form表单标签的使用：                                                                         
                在点击数据提交时，form标签会将其内部所有form表单域标签中用户写的数据按照method指明的提交方式                          
                提交给action属性所指明的提交地址                                                            

 

运行结果：