01.表单的代码实现

1   2   3       4           5       6       7         
      
         8             
 11  12             
 13             
          14                 
 15                 
 18             
 19  20             
 21             
          22                 
 23                 
 87             
 88  89             
 90             
          91                 
 92                 
107             
108 109             
110             
         111                 
112                 
113             
114 115             
116             
         117                 
118                 
123             
124 125             
126             
         127                 
128                 
131             
132 133             
134             
         135                 
136                 
139             
140 141             
142             
         143                 
144                 
147             
148 149             
150             
         151                 
152                 
153             
154 155             
159 160             
161             
         162                 
163                 
169             
170 171             
172             
         173                 
174                 
177             
178             
         179                 
180                 
183             
184             
         185                 
186                 
190             
191             
         192                 
193                 
196             
197             
         198                 
199                 
208             
209             
         210                 
211                 
214             
215             
         216                 
217                 
223             
224             225         
       
          9                 
        
青春不常在，抓紧谈恋爱
 10             
       
              
        
         
性别
         
  16                     男 女  17                 
        
                
         
生日
         
 24                      25                         请选择年 26                         2018年 27                         2017年 28                         2016年 29                         2015年 30                         2014年 31                         2013年 32                         2012年 33                         2011年 34                         2010年 35                         2009年 36                      37                      38                         请选择月 39                         1月 40                         2月 41                         3月 42                         4月 43                         5月 44                         6月 45                         7月 46                         8月 47                         9月 48                         10月 49                         11月 50                         12月 51                      52                      53                         请选择日 54                         1日 55                         2日 56                         3日 57                         4日 58                         5日 59                         6日 60                         7日 61                         8日 62                         9日 63                         10日 64                         11日 65                         12日 66                         13日 67                         14日 68                         15日 69                         16日 70                         17日 71                         18日 72                         19日 73                         20日 74                         21日 75                         22日 76                         23日 77                         24日 78                         25日 79                         26日 80                         27日 81                         28日 82                         29日 83                         30日 84                         31日 85                      86                 
        
                
         
籍贯
         
 93                      94                         北京 95                         上海 96                         广州 97                         深圳 98                         成都 99                         海南100                         重庆101                         云南102                         辽宁103                         广西104                         杭州105                     106                 
        
                
         
所在地区
         
        
                
         
婚姻状况
         
119                     未婚120                     已婚121                     丧偶122                 
        
                
         
学历
         
129                     130                 
        
                
         
月薪
         
137                     138                 
        
                
         
手机号
         
145                     146                 
        
                
         
昵称
         
        
                        
         
喜欢的类型
         
164                     妩媚165                     安静166                     小鲜肉167                     气质168                 
        
                
         
自我介绍
         
175                     176                 
        
        
         
         
181                     182                 
        
        
         
         
187                     188                     我同意注册条款和会员加入标准189                 
        
        
         
         
194                     
我是会员，立即登陆195                 
        
        
         
         
200                             
我承诺
201                     
          
           202 203                         
           
年满18岁、单身
204                         
           
抱着严肃的态度
205                         
           
真诚寻找另一半
206                     
          
207                 
        
        
         
上传头像
         
212                     213                 
        
        
         
         
218                     
          219                     220                     221                     
          222                 
        
       
      
226         227 

运行结果：

 

 

02.表单的目的是收集用户信息。

03.表单由表单控件（表单元素）、提示信息、表单域三个部分组成。

04.input控件：