jquery bootstrap贷款计算器-html代码-BFW代码库

jquery bootstrap贷款计算器

代码语言：html

代码描述：采用bootstrap布局，然后用jquery来实现计算

代码标签：计算器

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <link type="text/css" rel="stylesheet" href="http://repo.bfw.wiki/bfwrepo/css/bootstrap.4.3.1.min.css">
    <style>
        .container {
            height: 100vh;
            position: relative;
        }

        .calculate-form {
            position: absolute;
            top: 40%;
            left: 50%;
            transform: translate(-50%, -40%);
        }



        #loading,
        #result {
            display: none;
        }

        body {
            background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
            url(http://repo.bfw.wiki/bfwrepo/image/5d65ea7d8bc8b.png) no-repeat center
            center/cover;
        }
    </style>

</head>
<body translate="no">
    <body class="bg-dark">
        <div class="container">
            <div class="row">
                <div class="col-md-6 mx-auto calculate-form">
                    <div class="card card-body text-center mt-5">
                        <h1 class="heading display-5 pb-3">贷款计算器</h1>
                        <form id="loan-form">
                            <div class="form-group">
                                <div class="input-group">
  .........完整代码请登录后点击上方下载按钮下载查看