【前端寻宝之路】学习如何使用HTML实现简历展示和填写

时间:2024-03-08 11:52:04
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <table> <head><h3>请填写简历信息</h3></head> <tr> <td> <label for="name">姓名:</label> </td> <td><input type="text" name="" id="name" ></td> </tr> <tr> <td> 性别 </td> <td> <!-- name的值一样就只能选其中一个 --> <input type="radio" name="sex" id="male" checked="checked"> <label for="male"> <img src="./male.png" alt="" width="20" height="20"></label> <input type="radio" name="sex" id="female"> <label for="female"> <img src="./female.png" alt="" width="20" height="20"></label> </td> </tr> <tr> <td>出生日期</td> <td> <select name="" id=""> <option value="">--请选择年份--</option> <option value="">2000</option> <option value="">2001</option> <option value="">2002</option> <option value="">2003</option> </select> <select name="" id=""> <option value="">--请选择月份--</option> <option value="">1</option> <option value="">2</option> <option value="">3</option> <option value="">4</option> <option value="">5</option> <option value="">6</option> <option value="">7</option> <option value="">8</option> <option value="">9</option> <option value="">10</option> <option value="">11</option> <option value="">12</option> </select> <select name="" id=""> <option value="">--请选择日期--</option> <option value="">1</option> <option value="">2</option> <option value="">3</option> <option value="">4</option> <option value="">5</option> <option value="">6</option> <option value="">7</option> <option value="">8</option> <option value="">9</option> <option value="">10</option> <option value="">11</option> <option value="">12</option> </select> </td> </tr> <tr> <td> <label for="school">就读学校</label> </td> <td> <input type="text" id="school"> </td> </tr> <tr> <td>应聘岗位</td> <td> <input type="checkbox" name="" id="fe"> <label for="fe" >前端开发</label> <input type="checkbox" name="" id="sever"> <label for="sever" >后端开发</label> <input type="checkbox" name="" id="test"> <label for="test" >测试开发</label> <input type="checkbox" name="" id="yunwei"> <label for="yunwei" >运维开发</label> </td> </tr> <tr> <td>掌握技能</td> <td> <textarea name="" id="" cols="30" rows="10"></textarea> </td> </tr> <tr> <td>项目经历</td> <td> <textarea name="" id="" cols="30" rows="10"></textarea> </td> </tr> <tr> <td></td> <td> <input type="checkbox" id="read"> <label for="read">我已仔细阅读公司的招聘要求</label> </td> </tr> <tr> <td></td> <td><a href="#">查看我的状态</a> </td> </tr> <tr> <td></td> <td><h3>应聘者确认信息</h3></td> <!-- UL无序列表 --> </tr> <tr> <td></td> <td> <ul> <li>以上信息真实有效</li> <li>可以尽早去公司实习</li> <li>可以接受加班</li> </ul> </td> </tr> </table> </body> </html>