html程序——填写简历

已于 2022-11-07 10:36:33 修改
阅读量430 收藏 1
点赞数
分类专栏： 前端 文章标签： 前端
于 2022-10-27 18:36:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60867520/article/details/127558233
版权

之前我们通过讲解的html基础知识，写出了自己的网页版的简历，现在来尝试写一下填写简历的网页版吧

网页展示

在这里插入图片描述

代码实现

<!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>填写简历信息</title>
</head>
<body>
    <h3>请填写简历信息</h3>
    <table width = "900">
        <tr>
            <td>姓名</td>
            <td>
                <input type="text">
            </td>
        </tr>

        <tr>
            <td>性别</td>
            <td>
                <input type="radio" name = "gender" checked = "checked" id = "male">
                <label for="male"> <img src="photo in vscode/male.png" alt="" wideth = "20px" height="20px"> 男 </label>
                <input type="radio" name = "gender" id = "female">
                <label for="female"> <img src="photo in vscode/female.png" alt="" wideth = "20px" height="20px"> 女 </label>
            </td>
        </tr>

        <tr>
            <td>出生日期</td>
            <td>
                <select name="" id="">
                    <option value="">--请选择年份--</option>
                    <option value="">1999</option>
                    <option value="">2000</option>
                    <option value="">2001</option>
                    <option value="">2002</option>
                    <option value="">2003</option>
                    <option value="">2004</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>
                    <option value="">13</option>
                    <option value="">14</option>
                    <option value="">15</option>
                    <option value="">16</option>
                    <option value="">17</option>
                    <option value="">18</option>
                    <option value="">19</option>
                    <option value="">20</option>
                    <option value="">21</option>
                    <option value="">22</option>
                    <option value="">23</option>
                    <option value="">24</option>
                    <option value="">25</option>
                    <option value="">26</option>
                    <option value="">27</option>
                    <option value="">28</option>
                    <option value="">29</option>
                    <option value="">30</option>
                    <option value="">31</option>
                </select>
            </td>
        </tr>

        <tr>
            <td>就读学校</td>
            <td>
                <input type="text">
            </td>
        </tr>

        <tr>
            <td>应聘岗位</td>
            <td>
                <input type="checkbox" id = "frondend"> <label for="frondend">前端开发</label> 
                <input type="checkbox" id = "backend"> <label for="backend">后端开发</label>
                <input type="checkbox" id = "qa"> <label for="qa">测试开发</label>
                <input type="checkbox" id = "op"> <label for="op">运维开发</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 = "confirm"> <label for="confirm">我已仔细阅读过公司招聘要求</label>
            </td>
        </tr>

        <tr>
            <td></td>
            <td>
                <a href="">查看我的状态</a>
            </td>
        </tr>

        <tr>
            <td></td>
            <td>
                <h4>应聘者确认：</h4>
                <ul>
                    <li>以上信息真实有效</li>
                    <li>能够尽早来公司实习</li>
                    <li>能够接受公司的加班文化</li>
                </ul>
            </td>
        </tr>
    </table>
</body>
</html>
Xiao8830
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
用html写一个简历
GZ_Wiilian的博客
06-12 4084
&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;style type="text/css"&gt; *{ margin: 0; padding: 0; } .jianli{ width: 800px; height: 1000px;
HTML写个人简历
Ricardo的博客
04-10 1860
利用html写一个个人简介的页面
HTML制作个人简历的简单实现
09-28
下面小编就为大家带来一篇HTML制作个人简历的简单实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
用HTML做一份个人简历
ZYuAYuLuuu的博客
06-04 8050
学习了基本的HTML知识后，今天尝试用Html做一份个人简历。需要用到的基础知识是： Html表格：以<table></table>标签作为开始，
用html写个人简历
weixin_44960513的博客
05-05 2万+
本文讲述了如何用html来写一份简单的个人简历 个人简历 个人简历 <table border="1" cellspacing="0px" style="margin:auto;" width="800px"> <tr height="50" style="text-align: center;"> ...
HTML常见标签及个人简历制作
guankunkunwd的博客
11-18 6316
一、前言 1、 HTML代码都是由各种各样的标签构成的。 2、HTML代码基础结构 <!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, i
用纯html写个个人简历！模版分享啦！！！
最新发布
qqhxmdq的博客
09-19 2473
3. 初学程序员的码农小朋友们，可以学学网页制作，在这个框架横行的世代，学好基础是一件多么可贵的事情。比如我们的时间轴，统计图，都可以学它一学！2. 程序员可以自己加些后台，做个个人简历制作网站，圆自己一个站长梦，是不是还能增加点睡后收入？1. 改一改后台显示内容，换成自己的信息。那，它就是一个美呆了的个人简历。仅仅一个html页面，完全没有乱七八糟，保证学的明明白白。个人照片，简介，经历时间轴，个人技能统计，个人情况说明。那么，这么优雅的模板在哪儿下载呢？那么，这样的模板到底有什么用呢？
小程序精选源码——婚纱摄影.rar
06-10
总的来说，这份“小程序精选源码——婚纱摄影”提供了完整的婚纱摄影小程序模板，开发者可以通过学习和修改源码，快速搭建自己的小程序应用，同时也是一个深入了解微信小程序开发的绝佳实践案例。
简易微信小程序开发——推箱子
01-03
没有为什么就是突然想学一下子 和前端差不多 html改成了wxml,css改成了wxss, 微信开发者有点优秀 一、开发前准备 ... 然后选择注册小程序 ...通过填写信息来完善小程序 二、开发工具 下载网址：https://developers.w
ASP网站整站程序源码——北雨虚拟主机定单系统实例开发.rar
10-17
【ASP网站整站程序源码——北雨虚拟主机定单系统实例开发】 ASP（Active Server Pages）是一种由微软开发的服务器端脚本环境，用于创建动态交互式网页。在这个实例中，"北雨虚拟主机定单系统"是基于ASP技术构建的，...
HTML个人简历
10-08
利用HTML5语言编写的个人简历有兴趣的的朋友可以下载下来学习一下
html代码做的个人简历
09-12
HTML做的个人简历，非常好看，很适合个人主页 ，初学前端做的
ASP网站整站程序源码——北雨虚拟主机定单系统实例开发.zip
10-17
北雨虚拟主机定单系统是一款基于ASP语言开发的整站程序源码，它主要用于搭建一个在线销售虚拟主机的电子商务平台。这个系统实例为开发者提供了一个完整的解决方案，涵盖了从用户下单、支付、管理订单到虚拟主机分配...
HTML5高级程序设计
01-18
再者，HTML5的离线存储功能——离线储存API（Application Cache）使得网页可以在没有网络连接的情况下访问部分数据，这对于移动应用或者在不稳定网络环境下的网页尤其有用。同时，Web存储（Web Storage）提供了比...
十分钟手把手教你学会用HTML制作一个静态学术简历
热门推荐
qq_54932411的博客
06-09 10万+
找到与我同名的项目gosling123456.gitHub.io，可以download下来，或者使用git命令下载，然后对其中的文件进行修改。一定要注意路径是相对路径，否则找不到你的文件。当然，如果你是老手，用绝对路径也是没问题的）（其实我的模板也是参见了温洋大神的模板，人现在在洛桑联邦理工,大家可以访问它的主页看看大神的项目）由于大佬们太想进步了，拿的奖越来越多， 简历也需要相应的调整。4.上传文件，可以参见我的另一篇博客，全是干货，没有套路。然后把刚刚下载修改的文件传到下载后的文件夹里。
使用HTML写一个简历表格
r67686的博客
08-30 5873
代码实现的效果如下： 代码如下： <!DOCTYPEhtml> <html> <head> <title>填写个人简历</title> </head> <body> <tableborder="1"align="center"width="1050"height="800"bordercolor="black"> <caption> ...
HTML练习--做一个在线简历
qq_44489836的博客
02-18 586
学习目标： 1.学习掌握HTML基础知识 2.完成在线简历的制作 学习内容： 1. <h1>~<h6>: HTML 部分标题元素 HTML元素<h1>~<h6>代表标题的六个部分级别。<h1>是最高的部分级别，<h6>是最低的。 <h1>Heading level 1</h1> <h2>Heading level 2</h2> <h3>Heading level 3</
Java课程设计-个人简历录入
m0_54570435的博客
04-20 1293
编写一个个人简历录入程序，通过文本框录入姓名，通过单选按钮选择性别，通过下拉列表选择专业（计算机，电子，工商等）和文化程度（大专，本科，硕士，博士等），设置“提交”与“取消”两个按键，当用鼠标点击“提交”按键时，在文本框中显示所填写以及选择的信息。编写一个个人简历录入程序，通过文本框录入姓名，通过单选按钮选择性别，通过下拉列表选择专业（计算机，电子，工商等）和文化程度（大专，本科，硕士，博士等），设置“提交”与“取消”两个按键，当用鼠标点击“提交”按键时，在文本框中显示所填写以及选择的信息。
用HTML代码实现个人简历的编写
weixin_43164078的博客
01-12 2万+
小白 第二弹——用html代码（完成下面简历的内容）写出个人简历 话不多说 先放图 首先先要明确两个知识点（html中table标签的使用）【注：以下代码是先测试两个知识点】 先构造一个表格 （1）跨列合并 代码格式：<td colspan="3"></td> 如果仅仅是将上述代码写在标签中会产生下面的情况 合并那一行中多出个一个单元格，所以要在在该行中下面注释掉一个单元格 如果要合并3列则需要在其下面注释掉2个单元格 <tr> <td
HTML5入门指南：建议、技巧与实战应用
在深入探讨HTML5之前，我们需要了解它的核心理念——提升网页的可读性和可用性，同时降低技术实现的复杂性。 语义化标记是HTML5的一大亮点，比如、、、等元素，它们赋予了内容更明确的结构含义，有利于搜索引擎优化...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值