HTML常见的标签---表单

  1 <table>
  2                 <tr>
  3                     <!-- name  一定要带上以后交互 -->
  4                     <td>用户名：</td>
  5                     <td><input type="text" name="username"></td>
  6                 </tr>
  7                 <tr>
  8                     <td>密码：</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                             <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                         <!-- 多选multiple   CDMA-->
 52                         <select multiple name="bank">
 53                             <option>中国银行</option>
 54                             <option>农业银行</option>
 55                             <option>招商银行</option>
 56                             <option>建设银行</option>
 57                             <option>江苏银行</option>
 58                             <option>徽商银行</option>
 59                             <option>交通银行</option>
 60                         </select>
 61                     </td>
 62                 </tr>
 63                 <tr>
 64                     <td>个人简历：</td>
 65                     <!-- rows 表示行 值为整数
 66                         cols表示列
 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">年龄</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>