<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>
![](https://img2024.cnblogs.com/blog/35695/202408/35695-20240813180353098-2140851696.jpg)