创建简历表格和注册表单

简历表格

  1. <!DOCTYPE html>
  2. <html lang="zh">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <title>Document</title>
  9.     <style>
  10.         table {
  11.             border-collapse: collapse;
  12.             width: 950px;
  13.             margin: 0 auto;
  14.         }
  16.         table td {
  17.             border: 1px solid#838383;
  18.             padding: 5px 8px;
  19.         }
  21.         table tr:first-child,
  22.         table tr:nth-child(10) {
  23.             background-color: #A5C6F0;
  24.         }
  26.         table tr:nth-child(12),
  27.         table tr:nth-child(15),
  28.         table tr:nth-child(19),
  29.         table tr:nth-child(25) {
  30.             background-color: #B0D0F9;
  31.         }
  33.         table tr:first-child+*,
  34.         table tr:nth-child(11),
  35.         table tr:nth-child(16),
  36.         table tr:nth-child(20),
  37.         table tr:nth-child(26) {
  38.             background-color: #E7EEFE;
  39.             font-weight: bold;
  40.         }
  41.     </style>
  42. </head>
  44. <body>
  45.     <table>
  46.         <tr>
  47.             <td colspan="5">&nbsp;</td>
  48.         </tr>
  49.         <tr>
  50.             <td colspan="5">------- 基 本 资 料 -------</td>
  51.         </tr>
  52.         <tr>
  53.             <td>姓&nbsp;&nbsp;&nbsp;&nbsp;名：</td>
  54.             <td>马小姐</td>
  55.             <td>性&nbsp;&nbsp;&nbsp;&nbsp;别：</td>
  56.             <td>女</td>
  57.             <td rowspan="7"></td>
  58.         </tr>
  59.         <tr>
  60.             <td>学&nbsp;&nbsp;&nbsp;&nbsp;历：</td>
  61.             <td>中专</td>
  62.             <td>身&nbsp;&nbsp;&nbsp;&nbsp;高：</td>
  63.             <td>CM</td>
  64.         </tr>
  65.         <tr>
  66.             <td>籍&nbsp;&nbsp;&nbsp;&nbsp;贯：</td>
  67.             <td>广东</td>
  68.             <td>出身年月：</td>
  69.             <td>1991-12-01</td>
  70.         </tr>
  71.         <tr>
  72.             <td>毕业院校：</td>
  73.             <td colspan="3">汕头血林目欣科技中学</td>
  74.         </tr>
  75.         <tr>
  76.             <td>主修专业：</td>
  77.             <td colspan="3">管理学 => 会计学</td>
  78.         </tr>
  79.         <tr>
  80.             <td>工作经验：</td>
  81.             <td>未知</td>
  82.             <td>目前年薪：</td>
  83.             <td>保密/年</td>
  84.         </tr>
  85.         <tr>
  86.             <td>有效证件：</td>
  87.             <td>身份证</td>
  88.             <td>证件号码：</td>
  89.             <td>**********</td>
  90.         </tr>
  91.         <tr>
  92.             <td colspan="5">&nbsp;</td>
  93.         </tr>
  94.         <tr>
  95.             <td colspan="5">------- 求 职 意 向 -------</td>
  96.         </tr>
  97.         <tr>
  98.             <td>求职职位：</td>
  99.             <td colspan="4">出纳员，会计文员</td>
  100.         </tr>
  101.         <tr>
  102.             <td>求职地区：</td>
  103.             <td colspan="2">罗湖区 福田区</td>
  104.             <td>工资待遇：</td>
  105.             <td>面议</td>
  106.         </tr>
  107.         <tr>
  108.             <td>自我评价：</td>
  109.             <td colspan="4">
  110.                 本人对待工作认真负责，谨慎，细心。与人相处融洽，任劳任怨，是一个有亲和力的人，乐于助人，有良好的团队精神，能吃苦耐劳。积极配合领导的每一项工作，深的领导和同事的欢迎。业余时间喜欢看些书充实下自己，并参加了西安交通大学成人高考提升自己的学历。勤于学习能不断提高自身的能力与综合素质，有上进心。具有较强的适应能力。熟悉办公软件，自毕业之后一直在企业担任出纳的工作，有一定的工作经验。期望从事职业：出纳员，会计文员
  111.                 期望月薪：面议 目前状况：我目前处于离职状态，可立即上岗</td>
  112.         </tr>
  113.         <tr>
  114.             <td colspan="5">&nbsp;</td>
  115.         </tr>
  116.         <tr>
  117.             <td colspan="5">------- 教 育 培 训 -------</td>
  118.         </tr>
  119.         <tr>
  120.             <td>起止时间</td>
  121.             <td colspan="2">就读院校名称</td>
  122.             <td>主修专业</td>
  123.             <td>学历</td>
  124.         </tr>
  125.         <tr>
  126.             <td>2009.09~2012.07</td>
  127.             <td colspan="2">汕头血林目欣科技中学</td>
  128.             <td>会计电算化</td>
  129.             <td>中专</td>
  130.         </tr>
  131.         <tr>
  132.             <td colspan="5">&nbsp;</td>
  133.         </tr>
  134.         <tr>
  135.             <td colspan="5">------- 工 作 经 验（1） -------</td>
  136.         </tr>
  137.         <tr>
  138.             <td>就职公司：</td>
  139.             <td colspan="2">深圳市安鹏电器有限公司</td>
  140.             <td>公司行业：</td>
  141.             <td>其它</td>
  142.         </tr>
  143.         <tr>
  144.             <td>就职时间：</td>
  145.             <td colspan="2">2011年12月到如今</td>
  146.             <td>就职部门：</td>
  147.             <td>财务部</td>
  148.         </tr>
  149.         <tr>
  150.             <td>公司性质：</td>
  151.             <td colspan="2">其它</td>
  152.             <td>就职职位：</td>
  153.             <td>出纳员</td>
  154.         </tr>
  155.         <tr>
  156.             <td>工作描述：</td>
  157.             <td colspan="4">1. 负责办理现金收、付款业务 2. 银行存款、取款、付款工作 3. 负责日常费用报销，员工贷款给付。保证各项收支手续完整，金额准确 4.
  158.                 负责库存现金的保管及盘点。每天登记现金流水账，做到账款相符 5. 每月准时交水电费、管理费 6. 协助会计报税，购买发票等 7. 负责公司银行账号开办，变更，撤销工作 8.
  159.                 负责公司营业执照，税务登记证等证照的年检工作 9. 负责印章，合同等的保管工作 10. 完成上级领导的其它安排事项</td>
  160.         </tr>
  161.         <tr>
  162.             <td colspan="5">&nbsp;</td>
  163.         </tr>
  164.         <tr>
  165.             <td colspan="5">------- 联 系 方 式 -------</td>
  166.         </tr>
  167.         <tr>
  168.             <td>联系电话：</td>
  169.             <td colspan="4">134***********</td>
  170.         </tr>
  171.         <tr>
  172.             <td>联系手机：</td>
  173.             <td colspan="4">134***********</td>
  174.         </tr>
  175.         <tr>
  176.             <td>电子邮件：</td>
  177.             <td colspan="4">**********@163.com</td>
  178.         </tr>
  179.     </table>
  180. </body>
  182. </html>

简历表格

注册表单

  1. <!DOCTYPE html>
  2. <html lang="zh">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <title>Document</title>
  9.     <style>
  10.         body {
  11.             background-color: #EEF3FA;
  12.         }
  14.         body>form {
  15.             width: 400px;
  16.             padding: 3px 20px;
  17.             background-color: #fff;
  18.             margin: 0 auto;
  19.         }
  21.         body>form>p>label:first-of-type {
  22.             width: 55px;
  23.             display: inline-block;
  24.         }
  25.     </style>
  26. </head>
  28. <body>
  29.     <form action="" method="get">
  30.         <h3>用户注册</h3>
  31.         <p>
  32.             <label for="account">账号：</label>
  33.             <input type="text" name="account" id="account" placeholder="不超过八个字符">
  34.         </p>
  35.         <p>
  36.             <label for="password">密码：</label>
  37.             <input type="password" name="password" id="password" placeholder="6-16个字符">
  38.         </p>
  39.         <p>
  40.             <label for="email">邮箱：</label>
  41.             <input type="email" name="email" id="email" placeholder="example@mail.com">
  42.         </p>
  43.         <p>
  44.             <label for="age">年龄：</label>
  45.             <input type="number" name="age" id="age">
  46.         </p>
  47.         <p>
  48.             <label for="birthday">生日：</label>
  49.             <input type="date" name="birthday" id="birthday">
  50.         </p>
  51.         <p>
  52.             <label for="course">课程：</label>
  53.             <select name="course" id="course">
  54.                 <option value="1">HTML5</option>
  55.                 <option value="2">CSS</option>
  56.                 <option value="3">JavaScript</option>
  57.             </select>
  58.         </p>
  59.         <p>
  60.             <label for="interest">爱好：</label>
  61.             <label><input type="checkbox" name="interest[]" value="1"> 打游戏</label>
  62.             <label><input type="checkbox" name="interest[]" value="2"> 看电影</label>
  63.             <label><input type="checkbox" name="interest[]" value="3"> 撸代码</label>
  64.         </p>
  65.         <p>
  66.             <label for="sex">性别：</label>
  67.             <label><input type="radio" name="sex" value="1">男</label>
  68.             <label><input type="radio" name="sex" value="0">女</label>
  69.             <label><input type="radio" name="sex" value="-1">保密</label>
  70.         </p>
  71.         <p>
  72.             <label for="introduce">简介：</label>
  73.             <textarea name="introduce" id="introduce" cols="30" rows="10"></textarea>
  74.         </p>
  75.         <p>
  76.             <input type="submit" value="提交"> <input type="button" value="Ajax">
  77.         </p>
  78.     </form>
  79. </body>
  81. </html>

注册表单

更多相关文章

  1. HTML学习(二) 表单的制作习作
  2. 前端基础，表单、表格作业
  3. 简历表代码
  4. 用户注册表单
  5. html 练习（一张简历/用户注册）
  6. 创建table表格和创建form表单并JS判断
  7. html基础表单
  8. 11-10作业
  9. table和form的使用

随机推荐

  1. TextView跑马灯
  2. (Android) Download Images by AsyncTask
  3. android customactivityoncrashchau 程序
  4. android   CheckBox 用法
  5. android照相及照片上传
  6. Android第五期 - 更新自己的apk本地与网
  7. 使用程序创建Android桌面快捷方式
  8. android下拉菜单spinner的使用方法
  9. Android Studio compile error : enum co
  10. Graphics composition on android 4.3