收入支出表

最新推荐文章于 2021-01-04 18:32:22 发布
最新推荐文章于 2021-01-04 18:32:22 发布
阅读量213 收藏 1
点赞数 1
分类专栏： 笔记 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46536449/article/details/111469082
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>收入支出表</title>
    <link rel="stylesheet" href="../css/reset.css">
<a href="主页面.html"">回到主页面</a>
    <script>
        function sum_proportion(n,k,m,l) {
            var summary = 0;
            var ss1 = document.getElementsByName(n);
            var ss2 = document.getElementsByName(k);

            for (var i = 0; i < ss1.length; i++) {
                summary = summary + Number(ss1[i].value);
            }
            for(var j = 0; j < ss2.length; j++)
            {
                ss2[j].value = (Number(ss1[j].value)/summary)*100+"%";
            }

            var f = document.getElementById(m);
            f.value = summary;
            var ff = document.getElementById(l);
            ff.value = '100%';
        }
        function jieyu(n,k,m) {
            var summary = 0;
            var ss1 = document.getElementsByName(n);
            var ss2 = document.getElementsByName(k);

            summary = Number(ss1[0].value) - Number(ss2[0].value);

            var f = document.getElementsByName(m);
            f[0].value = summary;
        }
    </script>
</head>
<body>
<table border="1">
    <caption style="font-family:verdana;background-color:#C0C0C0"><font size="6">收入支出表 </font>
 &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp<a>先生/女士家庭</a>
&nbsp &nbsp &nbsp &nbsp日期
    </caption>
    <div class="收入">
        <tr>
            <th align="left" bgcolor="#FF9933">一，收入</th>
            <td align="left" bgcolor="#FF9933"></td>
            <td align="left" bgcolor="#FF9933"></td>
            <th align="left" bgcolor="#FF9933">金额</th>
            <th align="left" bgcolor="#FF9933">占收入比</th>
            <th align="left" bgcolor="#FF9933">备注</th>
        </tr>
        <tr>
            <th align="left" rowspan="4">工资和薪金</th>
        </tr>
        <tr>
            <td align="left">姓名</td>
            <td align="left"><input type="text" name=""></td>
            <td align="left"><input type="text" name="s1"></td>
            <td align="left"><input type="text" name="s2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left">姓名</td>
            <td align="left"><input type="text" name=""></td>
            <td align="left"><input type="text" name="s1"></td>
            <td align="left"><input type="text" name="s2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left">姓名</td>
            <td align="left"><input type="text" name=""></td>
            <td align="left"><input type="text" name="s1"></td>
            <td align="left"><input type="text" name="s2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="3">自雇收入（工资外收入）</td>
            <td align="left"><input type="text" name="s1"></td>
            <td align="left"><input type="text" name="s2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="3">奖金和佣金</td>
            <td align="left"><input type="text" name="s1"></td>
            <td align="left"><input type="text" name="s2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="3">养老金和年金</td>
            <td align="left"><input type="text" name="s1"></td>
            <td align="left"><input type="text" name="s2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <th align="left" rowspan="4">投资收入</th>
            <th align="left" rowspan="4" colspan="2">利息和分红资本利得租金收入其他</th>
        </tr>
        <tr>
            <td align="left"><input type="text" name="s1"></td>
            <td align="left"><input type="text" name="s2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left"><input type="text" name="s1"></td>
            <td align="left"><input type="text" name="s2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left"><input type="text" name="s1"></td>
            <td align="left"><input type="text" name="s2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
    </div>
    <div class="总收入">
        <tr>
            <th align="left" bgcolor="#FF6600" colspan="3">总收入</th>
            <td align="left"><input type="text" name="demos1" id="demos1"></td>
            <td align="left"><input type="text" name="demos1" id="demos2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
    </div>
    <div class="支出">
        <tr>
            <th align="left" bgcolor="#C0C0C0">二，支出</th>
            <td align="left" bgcolor="#C0C0C0"></td>
            <td align="left" bgcolor="#C0C0C0"></td>
            <th align="left" bgcolor="#C0C0C0">金额</th>
            <th align="left" bgcolor="#C0C0C0">占支出比</th>
            <th align="left" bgcolor="#C0C0C0"></th>
        </tr>
        <tr>
            <th align="left" rowspan="3">住房</th>
        </tr>
        <tr>
            <td align="left" colspan="2">租金维护和装修</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="2">房贷</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <th align="left" rowspan="4">家电，家具大件消费</th>
        </tr>
        <tr>
            <td align="left" colspan="2">贷款支付</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="2">保险费</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="2">过路停车费</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <th align="left" rowspan="7">日常生活开支</th>
        </tr>
        <tr>
            <td align="left" colspan="2">水电暖</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="2">通讯</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="2">交通</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="2">日常生活用品</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="2">外出就餐</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="2">其他</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="3">购买衣物支出</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="3">个人护理支出</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="3">休闲娱乐</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="3">商业保险费用</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="3">医疗费用</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
        <tr>
            <td align="left" colspan="3">其他项目</td>
            <td align="left"><input type="text" name="z1"></td>
            <td align="left"><input type="text" name="z2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
    </div>
    <div class="总支出">
        <tr>
            <td align="left" bgcolor="#FFFF00" colspan="3">总支出</td>
            <td align="left"><input type="text" name="demoz1" id="demoz1"></td>
            <td align="left"><input type="text" name="demoz1" id="demoz2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
    </div>
    <div class="现金结余">
        <tr>
            <td align="left" bgcolor="#bbffaa" colspan="3">现金结余（收入-支出）</td>
            <td align="left"><input type="text" name="demox1"></td>
            <td align="left"><input type="text" name="demox2"></td>
            <td align="left"><input type="text" name=""></td>
        </tr>
    </div>
    <div class="比率指标">
        <tr>
            <td align="left" colspan="3" bgcolor="#C0C0C0">比率指标</td>
            <td align="left" bgcolor="#C0C0C0">比率值</td>
            <td align="left" bgcolor="#C0C0C0">公式</td>
            <td align="left" bgcolor="#C0C0C0">参考范围</td>
        </tr>
        <tr>
            <td align="left" colspan="3">结余比率</td>
            <td align="left"><input type="text" name="b1"></td>
            <td align="left">结余/税后收入</td>
            <td align="left">0.3</td>
        </tr>
        <tr>
            <td align="left" colspan="3">投资与净资产比率</td>
            <td align="left"><input type="text" name="b1"></td>
            <td align="left">投资资产/总资产</td>
            <td align="left">0.2</td>
        </tr>
        <tr>
            <td align="left" colspan="3">清偿比率</td>
            <td align="left"><input type="text" name="b1"></td>
            <td align="left">净资产/总资产</td>
            <td align="left">0.6-0.7</td>
        </tr>
        <tr>
            <td align="left" colspan="3">负债比率</td>
            <td align="left"><input type="text" name="b1"></td>
            <td align="left">负债总额/总资产</td>
            <td align="left">0.0-0.4</td>
        </tr>
        <tr>
            <td align="left" colspan="3">财务负担比率</td>
            <td align="left"><input type="text" name="b1"></td>
            <td align="left">债务支出/税后收入</td>
            <td align="left">0.4</td>
        </tr>
        <tr>
            <td align="left" colspan="3">流动性比率</td>
            <td align="left"><input type="text" name="b1"></td>
            <td align="left">流动性资产/月收入</td>
            <td align="left">3</td>
        </tr>
    </div>
    <div class="aside">
        <input type="button" onclick="sum_proportion('s1','s2','demos1','demos2')" value="总收入">
        <input type="button" onclick="sum_proportion('z1','z2','demoz1','demoz2')" value="总支出">
        <input type="button" onclick="jieyu('demos1','demoz1','demox1')" value="现金结余">
</div>
</table>
</body>
</html>
seven0431
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html5年度工资账单手机页面模板.zip
05-29
1.html5年度工资账单手机页面模板 2.带背景音乐的年度工资账单全屏页面滑动展示模板 3.带图表展示 2017年度娱乐界员工薪资账单手机页面html5模板，带背景音乐的年度工资账单全屏页面滑动展示模板。
用html写消费记录页面,收支明细查询.html
weixin_42620913的博客
06-03 1325
收支明细查询$axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };$axure.utils.getOtherPath = function() { return 'resources/Other.html'; };$axure.utils.getReloadPa...
HTML资产负债表和收入支出表（可动态更新）
猪萌萌的博客
12-22 1837
资产负债表和收入支出表（可动态更新） HTML期末大作业是自己设计网页，要求有：主页、个人CSDN主页、登录、注册、资产负债表、收入支出表。我设计了属于自己的网页，整个大作业的难点就在于两个表格，两个表格的后台计算是重点，所以我把我自己的两个表格分享给大家。 先来看看我的两个表格效果截图： 咋们先看看第一个表格的html代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
学校收入支出表
12-31
学校收入支出表是一种重要的财务工具，它用于记录和分析学校的财务状况，包括收入来源和支出细节，对于学校管理者来说是必不可少的数据支持。这份表格通常包含了详细的财务信息，可以帮助学校进行有效的预算规划、...
Excel模板事业单位收入支出表.zip
06-16
标题中的“Excel模板事业单位收入支出表”指的是一个专为事业单位设计的Excel电子表格模板，用于系统地记录和分析单位的财务收支情况。这样的模板通常包含了预设的格式、计算公式和图表，旨在帮助用户更有效地管理和...
学校收入支出表.xls
12-22
学校收入支出表.xls
个人收入支出表excel模版下载
12-08
《个人收入支出表Excel模版：管理财务的实用工具》 在日常生活或工作中，有效管理个人的财务收支是一项至关重要的任务。为此，我们提供了一款精心设计的“个人收入支出表Excel模版下载”，旨在帮助用户轻松跟踪和...
收入支出表.xlsx
09-17
收入支出表.xlsx
两个矩阵相乘算法
qq_46536449的博客
10-09 5853
package 矩阵; import java.util.Scanner;public class test02 { public static void main(String[] args) { // TODO Auto-generated method stub Scanner s = new Scanner( System.in ); System.out.println(“请输入第...
简单html加法
qq_46536449的博客
11-11 4345
<html> <head> <meta charset="utf-8"> <title></title> <script> function count(){ var a = parseInt(document.getElementById("tex1").value); var b = parseInt(document.getElementById("tex2").value); var selectSign = document
根据输入的半径值，用ＪＳ代码实现点击“计算”按钮时，计算并显示周长和面积。
qq_46536449的博客
12-06 2119
!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>计算圆</title> </head> <body> <div class="box1"> <label for="radius">圆的半径:</label> <input type="text" id=
数值分析期末考试总结
qq_46536449的博客
01-02 685
啦啦啦一个学期结束了![ 在这里插入图片描述 ](https://img-blog.csdnimg.cn/20210102000311433.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ2NTM2NDQ5,size_16,color_FFFFFF,t_70) ...
资产负债表
qq_46536449的博客
01-04 495
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>资产负债表</title> <body> <a href="主页面.html""><button>回到主页面</button></a> </body> <script> functio.
动态规划算法解矩阵连乘问题计算最长公共子序列长度。
qq_46536449的博客
11-11 362
动态规划算法解矩阵连乘问题计算最长公共子序列长度。 动态规划算法与分置法类似，其基本思想是将待求解问题分解成若干个子问题，先求解子问题。再结合这些子问题的解，得到原问题的解，与分支法不同的是，适合用动态规划法求解的问题，经分解得到的子问题往往不是互相独立的。 下面考虑用动态规划算法解矩阵连乘积的最优计算次序问题。第一步，分析对哟解的结构，第二步，建立递归关系，第三步，计算最优值。 List item 计算最长公共子序列长度的动态规划算法LCSLength以序列X={x1,x2,x3,…,xm}和Y={y1
二分搜索技术 合并排序 快速排序算法 线时间选择
qq_46536449的博客
11-11 353
递归与分治策略 二分搜索算法是运用分治策略的典型例子。二分搜索算法的基本思想是将n个元素分成个数大致相同的两半。取a(n/2)与x做比较。如果x=a(n/2),则找到x算法终止。如果x小于它，则只在数组a的左半部继续搜索x。如果x大于它，则指代数组a的右半部，继续搜索x，具体的C++算法可描述如下。 合并排序算法是用分治策略实现对n个元素进行排序的算法，其基本思想是将待排序元素分成大小。大致相同的两个子集合，分别对两个子集合进行排序，最终将排好序的子集和合并成要求的排好序的集合。 快速排序算法是
简单注册界面
qq_46536449的博客
12-06 274
<html> <head><title>注册界面</title></head> <body STYLE="background-color:beige"> <form action="" method="post" enctype="multipart/form-data" name="form1"> <table width="410" border="1" align="center" bgcolor="azur
做一下老师发的题
qq_46536449的博客
12-09 247
问题引入 <!doctype html> <html> <head> <meta charset="utf-8"> <title>我的表单</title> </head> <body> <div align="center"> <h1>我的表单</h1> <form> 姓名：<input type="text"><br><br
网页设计在浏览器打开出现乱码问题
qq_46536449的博客
12-14 224
网页设计在浏览器打开出现乱码问题 解决方法: 将html文件用记事本打开然后左上角另存为设置编码格式为utf-8就可以了
将收入支出表的C_no字段添加外键，关联Customers 表的C_no
最新发布
06-12
好的，您想要将收入支出表的C_no字段添加外键，关联Customers表的C_no。那么您需要使用以下的SQL语句： ``` ALTER TABLE Income_Expense ADD CONSTRAINT fk_customer_no FOREIGN KEY (C_no) REFERENCES Customers ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值