简单的HTML个人信息表 

  1 <!DOCTYPE html>
  2 <html>
  3     <head>
  4         <meta charset="utf-8" />
  5         <title></title>
  6     </head>
  7     <body>
  8         <style type="text/css" >
  9         
 10         body{
 11         
 12                     background-image:url(./img/ChMkJ1bKwvKIZ9JKAAUUMx6qG6sAALGvgEB8RsABRRL201.jpg);
 13         
 14                     background-position:center;           
 15         
 16                      background-repeat:repeat-y；
 17         
 18                 }
 19         
 20         </style>
 21         <form>
 22         <div align="center">
 23         <table border="1" cellspacing="0" cellpadding="6" style="color: black">
 24             <h3>个人信息表</h3>
 25             <tr>                
 26                 <td colspan="1">姓名:</td>
 27                 <td>
 28                     <input type="text" name="username" id="username" value="" />
 29                         <td>班级:</td>
 30                         <td><input type="text" name="username" id="username" value="" /></td>
 31                     </td>
 32             </tr>
 33             <tr>
 34                 <td>性别:</td>
 35                 <td>
 36                     <input type="radio" name="sex" id="" value="男"/>男
 37                     <input type="radio" name="sex" id="" value="女"/>女
 38                     <td>政治面貌</td>
 39                     <td>
 40                         <select name="" >
 41                             <option value="团员">团员</option>
 42                             <option value="党员">党员</option>
 43                             <option value="民众">民众</option>
 44                         </select>
 45                     </td>
 46                 </td>
 47             </tr>
 48             <tr>
 49                 <td>地址</td>
 50                 <td>
 51                     <select name="" >
 52                         <option value="成都">成都</option>
 53                         <option value="广东">广东</option>
 54                         <option value="新疆">新疆</option>
 55                     </select>
 56                     <select name="" >
 57                         <option value="双流">双流</option>
 58                         <option value="潮汕">潮汕</option>
 59                         <option value="乌鲁木齐">乌鲁木齐</option>
 60                     </select>
 61                     <select name="" >
 62                         <option value="金辉">金辉</option>
 63                         <option value="西魏">西魏</option>
 64                         <option value="塵北">塵北</option>
 65                     </select>
 66                     <td>班主任:</td>
 67                     <td>
 68                         <input type="text" name="username" id="username" value="" />
 69                     </td>
 70                 </td>
 71             </tr>
 72             <tr>
 73                 <td>联系电话:</td>
 74                 <td>
 75                     <input type="text" name="username" id="username" value="" />
 76                     <td>邮箱地址:</td>
 77                     <td><input type="text" name="username" id="username" value="" /></td>
 78                 </td>
 79             </tr>
 80             <tr>
 81                 <td>身份证号:</td>
 82                 <td><input type="text" name="username" id="username" value="" /></td>
 83                 <td>爱好:</td>
 84                 <td><input type="text" name="username" id="username" value="" /></td>
 85             </tr>
 86             <tr>
 87                 <td>个人介绍:</td>
 88                 <td colspan="6">
 89                     <textarea name="" rows="10" cols="72"></textarea><br/>
 90                 </td>
 91             </tr>
 92         </table>
 93         <table >
 94                 <th>是否同意信息上传至服务器?</th>
 95                 <td><input type="checkbox" name="" id="" value="同意" />同意</td>
 96                 <th >是否同意注册协议?</th>
 97                 <td><input type="checkbox" name="" id="" value="同意" />同意
 98                 <input type="submit" name="" id="" value="提交" />
 99                 <input type="button" name="" id="" value="提交" />
100                 <input type="reset" name="" id="" value="清空" />
101                 </td>
102         </table>
103         </form>
104         </div>
105     </body>
106 </html>

 

posted @ 2021-03-15 15:17  outsider078  阅读(3324)  评论(0)    收藏  举报