Tuesday, 14 October 2014

Secured Loan Calculator

<form name="loanForm" id="loanForm" action="loancalculator.php#results" method="post" onsubmit="return processForm(this);" style="margin-bottom:0; margin-top:20px;">
       
                        <h2>Enter your loan repayment details...</h2>
                       
                        <div class="single-field">
                        <label for="currency" class="heading">Currency:</label>
                        <span class="spacer">&nbsp;</span>
                        <select name="currency" id="currency" onchange="ChangeCurrency(this.selectedIndex);">
                       
                                               
                        <option value="dollar">Dollar ($)</option>
                        <option value="euro">Euro (€)</option>
                        <option value="pound">Pound (£)</option>
                        <option value="other">Other</option>
                        </select>  
                        </div>
                       
                        <div class="single-field">
                        <label for="amount" class="heading">Loan amount:</label>
                        <input type="text" readonly="" name="curr" value="$" size="1" class="curr no_border" tabindex="-1">
                        <input type="number" step="any" min="0" name="amount" id="amount" value="" class="calculatorInput" required="">
                        </div>
                       
                        <div class="single-field">
                        <label for="percent" class="heading">Annual Interest rate:</label>
                        <span class="spacer">&nbsp;</span>
                        <input type="number" step="any" min="0" name="percent" id="percent" value="" class="calculatorShortInput" required=""><span class="additional">%</span>
                        </div>
                       
                        <div class="single-field">
                        <label for="term" class="heading">Months:</label>
                        <span class="spacer">&nbsp;</span>
                        <input type="number" step="any" min="0" name="term" id="term" value="" class="calculatorShortInput" required="">
                        </div>
                       
                        <div class="single-field">
                        <label for="deposit" class="notrequired heading">Initial deposit?</label>
                        <input type="text" readonly="" name="curr" value="$" size="1" class="curr no_border notrequired" tabindex="-1">
                        <input type="number" step="any" min="0" name="deposit" id="deposit" value="" class="calculatorMedInput notrequired">
                        </div>
                       
                        <div class="single-field">
                        <label for="extrafees" class="notrequired heading">Extra Fees?</label>
                        <input type="text" readonly="" name="curr" value="$" size="1" class="curr no_border notrequire " tabindex="-1">
                        <input type="number" step="any" min="0" name="extrafees" id="extrafees" value="0" class="calculatorMedInput notrequired">
                        <span class="additional">&nbsp; add to loan? <input type="checkbox" name="includefees"></span>
                        </div>
                       
                        <div class="single-field">
                        <label for="balloon" class="notrequired heading">Balloon payment at end?</label>
                        <input type="text" readonly="" name="curr" value="$" size="1" class="curr no_border notrequired" tabindex="-1">
                        <input type="number" step="any" min="0" name="balloon" id="balloon" value="" class="calculatorInput notrequired">
                        </div>
                       
                        <div class="single-field">
                        <label for="balloon" class="notrequired heading">Loan start date?</label>
                        <span class="spacer">&nbsp;</span>
                        <input type="text" name="startdate" id="datepicker" value="" class="calculatorMedInput notrequired hasDatepicker">
                        </div>
                       
                        <br style="clear:both;"><br>
                     
                      <div class="submitButtons">
                      <label></label>
                      <span class="spacer">&nbsp;</span>
                      <input type="submit" value="Calculate" class="calculatorButton"><input value="Reset" type="reset" class="calculatorReset">
                      </div>
         
        </form>

No comments:

Post a Comment