HTML表单制作个人简历
生活随笔
收集整理的這篇文章主要介紹了
HTML表单制作个人简历
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
**
先看在谷歌瀏覽器中的效果
表單常用標簽：
table>(tr>td*n)*m 可生成一個m行n列的表格
例如生成一個2行3列的表格
HTML代碼實現：
<!DOCTYPE html> <html lang="cn"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><style>/* 設置表格的寬和高，單元格文本框溢出隱藏 */td{width: 100px;overflow: hidden;} tr{height: 35px;}/* 設置輸入框的大小沾滿整個單元格 */input{border: 0;width: 100%;height: 100%;outline: none;text-align: center;}</style> <title>resume</title> </head> <body><h2 style="text-align: center;">個人簡歷</h2><form><table border="1" align="center" cellspacing="0"><tbody align="center"><tr><td bgcolor="#ededed">姓名</td><td><input type="text"></td><td bgcolor="#ededed">性別</td><td><input type="text"></td><td bgcolor="#ededed">出生年月</td><td><input type="text"></td><td style="width: 120px;" align="left" rowspan="4"></td></tr><tr><td bgcolor="#ededed">名族</td><td><input type="text"></td><td bgcolor="#ededed">政治面貌</td><td><input type="text"></td><td bgcolor="#ededed">身高</td><td><input type="text"></td></tr><tr><td bgcolor="#ededed">學制</td><td><input type="text"></td><td bgcolor="#ededed">學歷</td><td><input type="text"></td><td bgcolor="#ededed">戶籍</td><td><input type="text"></td></tr><tr><td bgcolor="#ededed">專業</td><td><input type="text"></td><td colspan="2" bgcolor="#ededed">畢業學校</td><td colspan="2"><input type="text"></td></tr><tr><td colspan="7"><b>技能、特長或愛好</b></td></tr><tr><td bgcolor="#ededed">外語等級</td><td colspan="2"><input type="text"></td><td bgcolor="#ededed">計算機</td><td colspan="3"><input type="text"></td></tr><tr><td colspan="7"><b>個人履歷</b></td></tr><tr><td bgcolor="#ededed">時間</td><td colspan="2" bgcolor="#ededed">單位</td><td colspan="4" bgcolor="#ededed">經歷</td></tr><tr><td><input type="text"></td><td colspan="2"><input type="text"></td><td colspan="4"><input type="text"></td></tr><tr><td><input type="text"></td><td colspan="2"><input type="text"></td><td colspan="4"><input type="text"></td></tr><tr><td><input type="text"></td><td colspan="2"><input type="text"></td><td colspan="4"><input type="text"></td></tr><tr><td colspan="7"><b>聯系方式</b></td></tr><tr><td bgcolor="#ededed">聯系電話</td><td colspan="2"><input type="text"></td><td bgcolor="#ededed">通信地址</td><td colspan="3"><input type="text"></td></tr><tr><td bgcolor="#ededed">E-mail</td><td colspan="2"><input type="email"></td><td bgcolor="#ededed">郵編</td><td colspan="3"><input type="text"></td></tr><tr><td colspan="7"><b>自我評價</b></td></tr><tr style="height: 110px;"><td colspan="7"><input type="text"></td></tr></tbody></table></form> </body> </html>總結
以上是生活随笔為你收集整理的HTML表单制作个人简历的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 杰理 之串口通讯
- 下一篇： 2017年html5行业报告,云适配发布