|--需求说明
编写html编码,实现如下效果
|--代码内容
![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>职位申请表</title> 6 </head> 7 <body> 8 <h1>申请表</h1> 9 <p> 10 姓名:<input type="text" placeholder="姓名"> 11 </p> 12 <p> 13 密码:<input type="password" placeholder="密码"> 14 </p> 15 <p> 16 照片:<input type="file" value="选择照片并上传"> 17 </p> 18 <p> 19 感兴趣的职位:<input type="checkbox" name="hobby" value="web设计">web设计 20 <input type="checkbox" name="hobby" value="web开发">web开发 21 </p> 22 <p> 23 向往的城市:<select name="city"> 24 <option value="">-请选择-</option> 25 <option value="北京">北京</option> 26 <option value="上海">上海</option> 27 <option value="广州">广州</option> 28 <option value="深圳">深圳</option> 29 </select> 30 31 32 <p> 33 协议:<textarea rows="5" cols="25">求职信息必须真实,准确。</textarea> 34 </p> 35 36 <p> 37 <input type="checkbox" name="agree">我认真阅读并接受以上协议 38 </p> 39 <p> 40 经验: 41 <select name="经验" > 42 <option value="0">--请选择--</option> 43 <option value="1">无经验</option> 44 <option value="2">1到3年</option> 45 <option value="3">3到5年</option> 46 <option value="4">5到10年</option> 47 </select> 48 </p> 49 <p> 50 <input type="submit" name="#" value="提交" disabled> 51 <input type="reset" name="#" value="重置" > 52 </p> 53 54 </body> 55 </html>
|--运行结果