HTML5练习案例——特别休假申请单

2023-10-25 03:30

本文主要是介绍HTML5练习案例——特别休假申请单,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

完成“特别休假申请单”,表格结构如下图所示:

在这里插入图片描述
代码实现:

<!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><h2 style="width: 500px;text-align: center;text-decoration: underline;">特别休假申请单</h2><p>申请日期: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p><table width="500px" border="1" style="border-collapse: collapse;"><tr><td>所属单位</td><td>&nbsp;&nbsp;&nbsp;</td><td>职称</td><td>111</td><td>姓名</td><td>111</td><td>厂长</td></tr><tr><td rowspan="2">期间</td><td colspan="3">&nbsp;&nbsp;&nbsp;</td><td colspan="2"rowspan="2">天数</td><td>111</td></tr><tr><td colspan="3">&nbsp;&nbsp;&nbsp;</td><td>主管</td></tr><tr><td colspan="2">职务代理人</td><td colspan="4">盖章</td><td>111</td></tr><tr><td>到期日期</td><td colspan="3">&nbsp;&nbsp;&nbsp;</td><td colspan="2">审核意见</td><td>组长</td></tr><tr><td colspan="2">全年特别休假数</td><td colspan="2" align="right"></td><td>111</td><td>111</td><td>111</td></tr><tr><td colspan="2">已请假数</td><td colspan="2" align="right"></td><td>人事主任</td><td>人事经办</td><td>组长</td></tr><tr><td colspan="2">本次申请日数</td><td colspan="2" align="right"></td><td rowspan="2">111</td><td rowspan="2">111</td><td rowspan="2">111</td></tr><tr><td colspan="2">尚剩申请日数</td><td colspan="2" align="right"></td></tr></table>
</body>
</html>

这篇关于HTML5练习案例——特别休假申请单的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/279728

相关文章

Vue和React受控组件的区别小结

《Vue和React受控组件的区别小结》本文主要介绍了Vue和React受控组件的区别小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学... 目录背景React 的实现vue3 的实现写法一:直接修改事件参数写法二:通过ref引用 DOMVu

Java实现将HTML文件与字符串转换为图片

《Java实现将HTML文件与字符串转换为图片》在Java开发中,我们经常会遇到将HTML内容转换为图片的需求,本文小编就来和大家详细讲讲如何使用FreeSpire.DocforJava库来实现这一功... 目录前言核心实现:html 转图片完整代码场景 1:转换本地 HTML 文件为图片场景 2:转换 H

C#使用Spire.Doc for .NET实现HTML转Word的高效方案

《C#使用Spire.Docfor.NET实现HTML转Word的高效方案》在Web开发中,HTML内容的生成与处理是高频需求,然而,当用户需要将HTML页面或动态生成的HTML字符串转换为Wor... 目录引言一、html转Word的典型场景与挑战二、用 Spire.Doc 实现 HTML 转 Word1

Vue3绑定props默认值问题

《Vue3绑定props默认值问题》使用Vue3的defineProps配合TypeScript的interface定义props类型,并通过withDefaults设置默认值,使组件能安全访问传入的... 目录前言步骤步骤1:使用 defineProps 定义 Props步骤2:设置默认值总结前言使用T

深度解析Java @Serial 注解及常见错误案例

《深度解析Java@Serial注解及常见错误案例》Java14引入@Serial注解,用于编译时校验序列化成员,替代传统方式解决运行时错误,适用于Serializable类的方法/字段,需注意签... 目录Java @Serial 注解深度解析1. 注解本质2. 核心作用(1) 主要用途(2) 适用位置3

Java 正则表达式的使用实战案例

《Java正则表达式的使用实战案例》本文详细介绍了Java正则表达式的使用方法,涵盖语法细节、核心类方法、高级特性及实战案例,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要... 目录一、正则表达式语法详解1. 基础字符匹配2. 字符类([]定义)3. 量词(控制匹配次数)4. 边

Python Counter 函数使用案例

《PythonCounter函数使用案例》Counter是collections模块中的一个类,专门用于对可迭代对象中的元素进行计数,接下来通过本文给大家介绍PythonCounter函数使用案例... 目录一、Counter函数概述二、基本使用案例(一)列表元素计数(二)字符串字符计数(三)元组计数三、C

Spring Boot 整合 SSE(Server-Sent Events)实战案例(全网最全)

《SpringBoot整合SSE(Server-SentEvents)实战案例(全网最全)》本文通过实战案例讲解SpringBoot整合SSE技术,涵盖实现原理、代码配置、异常处理及前端交互,... 目录Spring Boot 整合 SSE(Server-Sent Events)1、简述SSE与其他技术的对

MySQL 临时表与复制表操作全流程案例

《MySQL临时表与复制表操作全流程案例》本文介绍MySQL临时表与复制表的区别与使用,涵盖生命周期、存储机制、操作限制、创建方法及常见问题,本文结合实例代码给大家介绍的非常详细,感兴趣的朋友跟随小... 目录一、mysql 临时表(一)核心特性拓展(二)操作全流程案例1. 复杂查询中的临时表应用2. 临时

MySQL 数据库表与查询操作实战案例

《MySQL数据库表与查询操作实战案例》本文将通过实际案例,详细介绍MySQL中数据库表的设计、数据插入以及常用的查询操作,帮助初学者快速上手,感兴趣的朋友跟随小编一起看看吧... 目录mysql 数据库表操作与查询实战案例项目一:产品相关数据库设计与创建一、数据库及表结构设计二、数据库与表的创建项目二:员