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>
