利用html表单制作个人简历
生活随笔
收集整理的這篇文章主要介紹了
利用html表单制作个人简历
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
制作效果如下所示：
主要實現步驟有：
制作表格；
合并單元格：colspan 是合并列，rowspan是合并行
表單的基本屬性：form，input
代碼如下：
<!DOCTYPE html> <html lang="en"><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"><title>Document</title><style>table {text-align: center;}table,td {border: 1.5px solid black;width: 100px;height: 30px;}input {width: 95%;height: 100%;}.input1 {width: 98.5%;}.input2 {width: 98%;}.input3 {width: 98%;}</style></head><body><form><table><caption><b>個人簡歷</b></caption><tr><td>姓名</td><td><input type="text"></td><td>性別</td><td><select><option>男</option><option>女</option></select></td><td>出生年月</td><td><input type="date"></td><td rowspan="4"><input type="file"></td></tr><tr><td>民族</td><td><input type="text"></td><td>政治面貌</td><td><input type="text"></td><td>身高</td><td><input type="text"></td></tr><tr><td>學制</td><td><input type="text"></td><td>學歷</td><td><input type="text"></td><td>戶籍</td><td><input type="text"></td></tr><tr><td>專業</td><td><input type="text"></td><td colspan="2">畢業學校</td><td colspan="2"><input type="text"></td></tr><tr><td colspan="7"><b>技能，特長或愛好</b></td></tr><tr><td>外語等級</td><td colspan="2"><input type="text"></td><td>計算機</td><td colspan="3"><input type="text" class="input2"></td></tr><tr><td colspan="7">個人履歷</td></tr><tr><td>時間</td><td colspan="2">單位</td><td colspan="4">經歷</td></tr><tr><td><input type="text"></td><td colspan="2"><input type="text"></td><td colspan="4"><input type="text" class="input1"></td></tr><tr><td><input type="text"></td><td colspan="2"><input type="text"></td><td colspan="4"><input type="text" class="input1"></td></tr><tr><td><input type="text"></td><td colspan="2"><input type="text"></td><td colspan="4"><input type="text" class="input1"></td></tr><td colspan="7">聯系方式</td></tr><tr><td>通信地址</td><td colspan="2"><input type="text"></td><td>聯系電話</td><td colspan="3"><input type="text" class="input3"></td></tr><tr><td>E-mail</td><td colspan="2"><input type="text"></td><td>郵編</td><td colspan="3"><input type="text" class="input3"></td></tr><tr><td colspan="7">自我評價</td></tr><tr><td colspan="7"><textarea rows="7" cols="155"></textarea></td></tr></table></form> </body></html>?
總結
以上是生活随笔為你收集整理的利用html表单制作个人简历的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 基于模板匹配的手写字体数字识别-含Mat
- 下一篇： 面试笔记：面经-瓜子