HTML tags common forms ---

  . 1  < Table > 
  2                  < TR > 
  . 3                      <-! Later name must bring interactive -> 
  . 4                      < TD > Username: </ TD > 
  . 5                      < TD > < INPUT type = "text" name = "username" > </ TD > 
  . 6                  </ TR > 
  . 7                  < TR > 
  . 8                      < TD > password: </ TD > 
  . 9                      < TD > <input type="password" name="password"></td>
 10                 </tr>
 11                 <tr>
 12                     <td>头像:</td>
 13                     <td><input type="file" name="photo"></td>
 14                 </tr>
 15                 <tr>
 16                     <td>性别:</td>
 17                     <td>
 18                         <!-- 单选按钮 -->
 19                         <!-- checked="checked"默认选中 -->
 20                         <input type="radio" checked="checked" name="gender" /> 21                         <input type="radio" name="gender"/> 22                     </td>
 23                 </tr>
 24                 <tr>
 25                     <td>兴趣:</td>
 26                     <td>
 27                         <!-- 多选按钮 -->
 28                         <input type="checkbox" checked ="interests" />跑步
 29                         <input type="checkbox"   checked name="interests"/>打球
 30                         <input type="checkbox"  checked name="interests" />跑步
 31                         <input type="checkbox" name="interests"/>游泳
 32                         <input type="checkbox" name="interests" />打游戏
 33                         <input type="checkbox" name="interests"/>爬山
 34                     </td>
 35                 </tr>
 36                 <tr>
 37                     <td>学历:</td>
 38                     <td>
 39                         <!-- 下拉框 -->
 40                         <select name="graduation">
 41                             <High School>the Option</option>
 42                             <option>大专</option>
 43                             <option>本科</option>
 44                             <option>硕士</option>
 45                         </select>
 46                     </td>
 47                 </tr>
 48                 <tr>
 49                     <td>银行卡:</td>
 50                     <td>
51                          <! - Multi selected from the CDMA Multiple -> 
52 is                          < SELECT Multiple name = "Bank" > 
53 is                              < Option > Bank of China </ Option > 
54 is                              < Option > Agricultural Bank </ Option > 
55                              < Option > CMB </ Option > 
56 is                              < Option > CCB </ Option > 
57 is                              < Option > Jiangsu Bank </ Option >
58                              <Option > Merchants Bank </ Option > 
59                              < Option > Bank </ Option > 
60                          </ SELECT > 
61 is                      </ TD > 
62 is                  </ TR > 
63 is                  < TR > 
64                      < TD > CV: </ TD > 
65                      <-! rows row represents an integer of value
 66                          cols represents a column
 67                       -> 
68                      < TD > < TextArea rows="10"  cols="30" name="profile"></textarea></td>
 69                 </tr>
 70                 <tr>
 71                     <td colspan="2">
 72                         <input type="submit" value="提交" />
 73                         <input type="reset" value="重置" />
 74                     </td>
 75                 </tr>    
 76                 <table width="60%"
 77                         border="1"
 78                         align="center"
 79                         style="text-align: center;"
 80                         cellpadding="10"
 81                         cellspacing="0">
 82                         
 83                         <!-- colspan横向合并
 84                             rowspan 纵向合并
 85                          -->
 86                 <tr>
 87                     <th colspan="2" rowspan="2"</Age>th>
 88                     <th colspan="2" rowspan="2">住址</th>
 89                     <th colspan="2" rowspan="2">电话</th>
 90                     <th colspan="2">姓名</th>
 91                 </tr>
 92                 <tr>
 93                     <td>firstname</td>
 94                     <td>lastname</td>
 95                 </tr>
 96                     <tr>
 97                         <td colspan="2">20</td>
 98                         <td colspan="2" >火星</td>
 99                         <td colspan="2">10086</td>
100                         <td>ton</td>
101                         <td>tony</td>
102                     </tr>
103                 </table>
104             </table>

 

Guess you like

Origin www.cnblogs.com/dabu/p/12601600.html