• 只基于html应用


    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

    前言

    提示:这里可以添加本文要记录的大概内容:

    上篇文章是基本概念,这是俩个实战


    提示:以下是本篇文章正文内容,下面案例可供参考

    一、展示简历信息

    效果

     代码

    1. "en">
    2. "UTF-8">
    3. "X-UA-Compatible" content="IE=edge">
    4. "viewport" content="width=device-width, initial-scale=1.0">
    5. 个人简历
    6. 谭佳盼

    7. 基本信息

    8. "https://i02piccdn.sogoucdn.com/40f994f771af79c5" alt="这是我的图片">
    9. 求职意向:java工程师

    10. 联系电话:119

    11. 邮箱:14568992@qq.com

    12. 教育背景

      1. 2001-2005 百环村幼儿园
    13. 2006-2012 百环村小学
  • 2012-2017 高中
  • 2018-2023 明德理工大学
  • 专业技能

    • rap
    • 我的项目

      1. 留言墙

      2. 开发时间:2022 11 11

      3. 功能介绍:
        • 支持错题检索
        • 支持错题检索
        • 学习小助手

        • 开发时间:2022 11 11

        • 功能介绍:

          • 支持错题检索
          • 支持错题检索
          • 个人评价

          • 良好

          • 二、填写简历信息

            效果

             代码演示:

            1. html>
            2. <html lang="en">
            3. <head>
            4. <meta charset="UTF-8">
            5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
            6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
            7. <title>Documenttitle>
            8. head>
            9. <body>
            10. <h2>请填写简历信息h2>
            11. <table>
            12. <tr>
            13. <td>姓名td>
            14. <td>
            15. <input type="text">
            16. td>
            17. tr>
            18. <tr>
            19. <td>性别td>
            20. <td>
            21. <input type="radio" name="human" id="man"><label for="man"><img src="./img/男.png" alt="这是一张图片"
            22. width="20px">男label>
            23. <input type="radio" name="human" id="woman"><label for="woman"><img src="./img/女.png" alt="这是一张图片"
            24. width="20px">女label>
            25. td>
            26. tr>
            27. <tr>
            28. <td>
            29. 出生日期
            30. td>
            31. <td>
            32. <select>
            33. <option>--请选择年份--option>
            34. <option>2000年option>
            35. <option>2001年option>
            36. <option>2002年option>
            37. <option>2003年option>
            38. <option>2004年option>
            39. select>
            40. <select>
            41. <option>请选择月份option>
            42. <option>1月option>
            43. <option>2月option>
            44. <option>3月option>
            45. <option>4月option>
            46. <option>5月option>
            47. select>
            48. <select>
            49. <option>请选择日期option>
            50. <option>1option>
            51. <option>2option>
            52. <option>3option>
            53. <option>4option>
            54. <option>5option>
            55. select>
            56. td>
            57. tr>
            58. <tr>
            59. <td>就读学校td>
            60. <td>
            61. <input type="text">
            62. td>
            63. tr>
            64. <tr>
            65. <td>应聘岗位td>
            66. <td>
            67. <input type="checkbox" id="qianduan"><label for="qianduan">前端开发label>
            68. <input type="checkbox" id="houduan"><label for="houduan">后端开发label>
            69. <input type="checkbox" id="ceshi"><label for="ceshi">测试开发label>
            70. <input type="checkbox" id="yunwei"><label for="yunwei">运维开发label>
            71. td>
            72. tr>
            73. <tr>
            74. <td>掌握的技能td>
            75. <td><textarea cols="30" rows="15">textarea>td>
            76. tr>
            77. <tr>
            78. <td>项目经历td>
            79. <td><textarea cols="30" rows="15">textarea>td>
            80. tr>
            81. <tr>
            82. <td>td>
            83. <td><input type="checkbox" id=1><label for="1">我已仔细阅读过公司的招聘要求label>td>
            84. tr>
            85. <tr>
            86. <td>td>
            87. <td><a href="#">查看我的状态a>td>
            88. tr>
            89. <br>
            90. <br>
            91. <tr>
            92. <td>td>
            93. <td>
            94. <h3> 请应聘者确认h3>
            95. <ul>
            96. <li>
            97. 以上信息真实有效
            98. li>
            99. <li>
            100. 能够尽早去公司实习
            101. li>
            102. <li>
            103. 能接受公司的加班文化
            104. li>
            105. ul>
            106. td>
            107. tr>
            108. table>
            109. body>
            110. html>

          • 相关阅读:
            React-hooks有哪些 包括用法是什么?
            小红书多账号管理平台哪个好用?可以快速监测多个小红书账号的数据吗?
            VSCode中值得推荐的常用的33个高效前端插件「效率篇」 (1)
            PY32F002A系列单片机:高性价比、低功耗,满足多样化应用需求
            Spring整合其他组件
            CenterPoint 源码流程解读(一)
            北大肖臻老师《区块链技术与应用》系列课程学习笔记[12]以太坊-账户
            SAP 成品发布标准成本之后工艺路线改变,导致对应工单报工时成本中心出错 (TCODE MFBF)<转载>
            JVS低代码表单自定义按钮的使用说明和操作示例
            Flask的 preprocess_request
          • 原文地址:https://blog.csdn.net/panpanaa/article/details/127825269