HTML用＜form＞表单制作个人简历

在HTML表单制作一张个人简介
源代码如下：


```html
<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>个人简历</title>
<style>.btbg{ text-align:center; }
</style>
<!--改变字体、颜色、大小-->
<style>.alsp{ font-family:"黑体"; font-size:16px;}</style>
<style type="text/css">textarea {border-left: 0;border-right: 0;border-top: 0;   border-bottom: 0;}
    input[type="text"] {border-style:none}
    input[type="number"] {border-style:none}
    input[type="datetime"] {border-style:none}
    input[type="email"] {border-style:none}
    select {border-style:none}</style>

</head>
<body>

    <h3><center>个人简历</center></h3>
    
    <div class="alsp">
</table>
<table border="1px" cellspacing="1" align="center">
    <colgroup span="6" width="100px"></colgroup>
    <col width="60px">
   

    <tr height=50px align="center">
        <td>姓名</td>
        <td><input type="text" ></td>
        <td >性别</td>
        <td ><input type="text" ></td>
        <td >出生年月</td>
        <td ><input type="number" ></td>
        <td colspan="2" rowspan="4"><input type="file" name="photo">照片</td>
    </tr>
    <tr height=50px align="center">
        <td >民族</td>
        <td><input type="text" ></td>
        <td >政治面貌</td>
        <td ><input type="text" ></td>
        <td >身高</td>
        <td ><input type="text" ></td>
    </tr>
    <tr height=50px align="center">
        <td >学制</td>
        <td><input type="text" ></td>
        <td >学历</td>
        <td ><input type="text" ></td>
        <td >户籍</td>
        <td ><input type="text" ></td>
    </tr>
    <tr height=50px align="center">
        <td >专业</td>
        <td><input type="text" ></td>
        <td colspan="2">毕业院校</td>
        <td colspan="2" ><input type="text" ></td>
    </tr>
    <tr height=50px align="center">
        <td colspan="8">技能、特长或爱好</td>
       
    </tr>
    <tr height=50px align="center">
        <td>外语等级</td>
        <td colspan="2"><input type="text" ></td>
        <td>计算机</td>
        <td colspan="5"><input type="text" ></td>
    </tr>
    <tr height=50px align="center">
        <td colspan="8">个人履历</td>   
    </tr>
    <tr height=50px align="center">
        <td >时间</td>
        <td colspan="2" >单位</td>
        <td colspan="5" >经历</td>
    </tr>
    <tr height=50px align="center">
        <td ><input type="text" ></td>
        <td colspan="2"><input type="text" ></td>
        <td colspan="5"><input type="text" ></td>

       
    </tr >
    <tr height=50px align="center">
        <td ><input type="text" ></td>
        <td colspan="2"><input type="text" ></td>
        <td colspan="5"><input type="text" ></td>

       
    </tr >
    <tr height=50px align="center">
        <td ><input type="text" ></td>
        <td colspan="2"><input type="text" ></td>
        <td colspan="5"><input type="text" ></td>

       
    </tr >
    <tr height=50px align="center">
        <td colspan="8">联系方式</td>
       
    </tr>
    <tr height=50px align="center">
        <td>通信地址</td>
        <td colspan="2"><input type="text" ></td>
        <td>联系电话</td>
        <td colspan="5"><input type="text" ></td>
    </tr>
    <tr height=50px align="center">
        <td>E-mail</td>
        <td colspan="2"><input type="text" ></td>
        <td>邮编</td>
        <td colspan="5"><input type="text" ></td>
    </tr>
    <tr height=50px align="center">
        <td colspan="8">自我评价</td>
    </tr>
    <tr align="center" height=120px>
        <td colspan="8"><input type="text" ></td>
       
    </tr>
</table>
    </div>
</body>
</html>

结果如图：
在这里插入图片描述

版权声明：本文为m0_58822480原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。