用HTML做的简单的个人简历
16lz
2021-01-22
<html>
<head>
<title>table表格</title>
<style type="text/css">
td
{
width:800px;
height:36px;
text-align:left;
}
th
{
width: 800px;
height:30px;
text-align:center;
}
.p1
{
font-family:楷体;
font-size:20px;
}
.p2
{
font-style:italic;
font-weight:lighter;
}
.p3
{
font-family:楷体;
font-size:45px;
text-align:center;
}
.tt1
{
border:none;
overflow:hidden;
height:100%;
width:100%;
font-family:宋体;
font-size:25px;
font-color:black;
font-weight:bold;
text-align:left;
}
textarea{
border:none;
height:100%;
width:100%;
font-size:20px;
font-family:黑体;
}
.textarea1{
border:none;
height:100%;
width:100%;
text-align:left;
font-size:20px;
font-family:黑体;
}
.button{
border:none;
height:100%;
width:100%;
background:#008000;
}
.editable{
height:100%;
width:100%;
text-align:left;
overflow-x:visible;
overflow-y:visible;
}
</style>
</head>
<script language="javascript">
function disp_alert()
{
alert("恭喜您 提交成功！");
}
function reset()
{
form.name.value="";
form.sex.value="";
form.date.value="";
form.pol.value="";
form.nat.value="";
form.tel.value="";
form.soc.value="";
form.txt.value="";
}
</script>
<body>
<table width=850 height = 300 border=1 bordercolor = "green"
style="border-collapse:collapse" align = "center"> <!-- collapse将表格边框合并成一个细线
-->
<caption class=p1><h1>个人简历</h1></caption> <!-- 标题 -->
<form id="form_id" action="index.html" method="post">
<tr align="center">
<th colspan = 6 bgcolor="#008000">
<small>
<p class=p2>
<u>Tel:18192515040</u> <u>Email：357942204@qq.com></u>
</p>
</small>
</th>
</tr>
<tr align = center valign="middle">
<th>个人信息</th>
<td colspan = 5 bgcolor="green"></td>
</tr>
<tr>
<th>姓名</th>
<td><input type="text" name="name"id="name" style="width:100%;height:100%;"></td>
<th>性别</th>
<td style="font-family:黑体">
<input type="radio" name="sex" value="radiobutton" >
男
<input type="radio" name="sex" value="radiobutton">
女
</td>
<th>出生年月日</th>
<td><input type="text" name="date"id="date" style="width:100%;height:100%;"></td>
</tr>
<tr>
<th>政治面貌</th>
<td><input type="text" name="pol"id="pol" style="width:100%;height:100%;"></td>
<th>籍贯</th>
<td><input type="text" name="nat"id="nat" style="width:100%;height:100%;"></td>
<th>电话</th>
<td><input type="text" name="tel"id="tel" style="width:100%;height:100%;"></td>
</tr>
<tr>
<th>技能</th>
<td colspan = 5 bgcolor="green"></td>
</tr>
<tr>
<th rowspan=3>技能</th>
<td colspan=5 valign="middle">
<li>软件工程</li>
</td>
</tr>
<tr>
<td colspan=5 align = "center" valign="middle">
<li>软件工程</li>
</td>
</tr>
<tr>
<td colspan=5>
<li>软件工程</li></td>
</tr>
</tr>
<tr>
<th>专业及社会实践</th>
<td colspan = 5 bgcolor="green"></td>
</tr>
<tr>
<th>专业</th>
<td colspan = 5>
<li>软件工程</li>
</td>
</tr>
<tr>
<th>社会实践</th>
<td style="height: 90px; " colspan=5><textarea class='editable' onkeydown ="if(event.keyCode==20)
return false; "oninput="this.style.height='100px';this.style.height=(this.scrollHeight+'px');"
onpropertychange="this.style.height=(this.scrollHeight+'px')"type="text" name="shehui"
id="shehui"></textarea></td>
</tr>
<tr>
<th>工作经历</th>
<td colspan = 5 bgcolor="green"></td>
</tr>
<tr>
<td colspan =2></td>
<td colspan=2></td>
<td colspan=2></td>
</tr>
<tr>
<td colspan =2></td>
<td colspan=2></td>
<td colspan=2></td>
<tr>
<th>英语水平</th>
<td colspan = 5 bgcolor="green"></td>
</tr>
</tr>
<tr>
<td colspan =2></td>
<td colspan=4></td>
</tr>
<tr>
<td colspan =2></td>
<td colspan=4></td>
</tr>
<tr>
<th>获得奖励</th>
<td colspan = 5 bgcolor="green"></td>
</tr>
</tr>
<tr>
<td colspan =2></td>
<td colspan=4></td>
</tr>
<tr>
<td colspan =2></td>
<td colspan=4></td>
</tr>
<tr>
<td colspan="6"></td>
</tr>
<tr>
<td colspan="4"></td>
<td>
<input type="button" onclick="disp_alert()" value="提交" class="button">
</td>
<td>
<input type="reset" name="reset" value="重置" onclick="reset()" class="button">
</td>
</tr>
<tr><td style="height: 90px; " colspan=6><textarea class='editable' onkeydown ="if
(event.keyCode==20) return false; "oninput="this.style.height='100px';this.style.height=
(this.scrollHeight+'px');" onpropertychange="this.style.height=(this.scrollHeight+'px')"type="text"
name="txt" id="txt"></textarea></td>
</tr>
</form>
</table>
</body>
</html>