html - 如何在 HTML 中编写贷款(付款)估算器?

标签 html css html-table

我正在通过 godaddy.com 建立一个新网站,我正在努力为客户编写计算器以估算他们的还款额(必须包括:贷款金额、以月为单位的贷款期限、利率和每月还款额) ).由于代码放置,每月付款是我在计算时遇到的问题。同样,我正在与 godaddy.com 合作,只需要此付款估算器的 HTML 代码。

我已经尝试检查多个页面以查看我可以从中得到什么,我使用了 html 生成器,并且联系了我所在的几个人但没有希望。

这是我目前拥有的代码:

<html><div class="wpb_wrapper"><center><form method="POST" name="calc">
<table border="0" width="60%">
<tbody>
<tr>
<th bgcolor="#FFFFFF" width="50%">Data Entry</th>
</tr>
<tr>
<td bgcolor="#F7F7F7">Loan Amount</td>
<td align="right" bgcolor="#F7F7F7">$<input id="amount" max="100000000" min="1" name="loan" size="10" type="text" /></td>
</tr>
<tr>
<td bgcolor="#F7F7F7">Loan Length in Months</td>
<td align="right" bgcolor="#F7F7F7"><input name=" months" size="10" type="text" /></td>
</tr>
<tr>
<td bgcolor="#F7F7F7">Interest Rate</td>
<td align="right" bgcolor="#F7F7F7">%<input max="10000000" min="1" name="rate" size="10" type="text" value="10" /></td>
</tr>
<tr>
<td bgcolor="#F7F7F7">Monthly Payment</td>
<td align="right" bgcolor="#F7F7F7"><em>Calculated</em> <input name="pay" size="10" type="text" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF"><input type="reset" value="Reset" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="button" value="Calculate" /></td>
</tr>
</tbody>
</table>
</form>
<p><span style="font-size: xx-small;"> "Enter only numeric values (no commas), using decimal points where needed." <br /> "Non-numeric values will cause errors." </span></p>
  </center></div></html>

没有错误消息,只是不让我计算每月付款。

最佳答案

您拥有的是纯 HTML 代码,不能自行进行任何计算。

但是,如果您只需要一个简单的贷款计算器,则不必从头开始编写代码。可以将免费的即用型计算器嵌入到您的 HTML 代码中。

解决方案 1:使用 HTML 嵌入代码。

这是我从 https://www.mortgagecalculator.biz/c/free3.php 找到的一个这样的免费计算器:

将此粘贴​​到您的 html 代码中:

<div style="width:185px; text-align:center;">
    <p style="text-align:center;">
       <a href="https://www.mortgagecalculator.biz" target="_blank">
           <img src="https://www.mortgagecalculator.biz/img/mlogo.gif" border="0" alt="Mortgage Calculator.biz."/>
       </a><br/>
       <iframe src="https://www.mortgagecalculator.biz/c/variables.php?loan=258678&rate=4.1&years=30" frameborder="0" width="185px" height="240px" scrolling="no"></iframe><br/>
       <a href="https://www.mortgagecalculator.biz/c/free.php" target="_blank"><font size="1" color="#000000">HTML Mortgage Calculators</font></a>
    </p>
</div>

使用嵌入代码的缺点是它依赖于计算器的外部站点。如果该站点出现故障,您的计算器也会出现故障。

方案二:在html文件中集成代码:

更好的选择是将实际的计算器代码集成到您的 HTML 文件中。尝试在网上寻找一个免费代码,可以在作者许可的情况下使用。

这里有一些供您引用:http://www.javascriptkit.com/script/cut155.shtml

PS:由于我目前的声誉 (11) 不允许我发表评论,因此将此作为答案发布。

关于html - 如何在 HTML 中编写贷款(付款)估算器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56483195/

相关文章:

css - 使用 CSS,您可以应用渐变 mask 来淡化文本上的背景吗?

javascript - 为什么我的 AngularJS 动画不起作用?

javascript - 隐藏没有类和 id 属性的 html 表 2 的第一行

html - 表格对齐=居中||是的,区别在于<br/>

javascript - 单选按钮切换选中的 php

html - "width"在 IE 和 Mozilla 中的处理方式不同吗?

javascript - 当 image.src 有时间标签时更新 Canvas 图像

css - 为什么我的 -webkit-background-clip 不能处理文本

html - 溢出时不出现点

html - Bootstrap Image Responsive 在 IE 上搞砸了