Savings Calculator Widget

Adagietto.org : Widgets > Savings Calculator Widget

It's easy to integrate savings calculator widget on your own website. The code below is pure HTML, and do not depend on a specific server language.

Simply find a design that fits your need, copy the code, and paste it into the HTML of your site.

If you find integrating HTML code inconvenient, please try placing a simple hyperlink instead.

If you have any question or suggestion, send an email to:
We will replay to all emails as soon as possible.

Savings Calculator:

250px wide

HTML Code:

<div style="border: #C9CED1 solid 2px; padding: 5px; width: 250px;">
	<form name="savingsform" method="post" action="http://www.adagietto.org/finance/savings-calculator.php" target="_blank">
		<table style="font-size: 12px; text-align: left; border: none;">
			<tr>
				<td colspan="2">
					<a href="http://www.adagietto.org/finance/savings-calculator.php" style="text-decoration: none; font-size: 14px;">Savings Calculator</a>
				</td>
			</tr>
			<tr>
				<td style="padding-bottom: 5px;">
					Initial Principal:
				</td>
				<td style="padding-bottom: 5px;">
					<input name="principal" type="text" value="10000" size="10" style="width: 60px;"/>
				</td>
			</tr>
			<tr>
				<td style="padding-bottom: 5px;">
					Monthly Deposit:
				</td>
				<td style="padding-bottom: 5px;">
					<input name="monthlydeposit" type="text" value="100" size="10" style="width: 60px;"/>
				</td>
			</tr>
			<tr>
				<td style="padding-bottom: 5px;">
					Number of Years:
				</td>
				<td style="padding-bottom: 5px;">
					<input name="years" type="text" value="10" size="10" style="width: 60px;"/>
				</td>
			</tr>
			<tr>
				<td style="padding-bottom: 5px;">
					Annual Interest Rate:
				</td>
				<td style="padding-bottom: 5px;">
					<input name="interest" type="text" value="2" size="10" style="width: 60px;"/>
				</td>
			</tr>
			<tr>
				<td style="padding-bottom: 5px;">
					Interest Compounded:
				</td>
				<td style="padding-bottom: 5px;">
					<select name="compounded">
						<option value="12" selected="selected">Monthly</option>
						<option value="4">Quarterly</option>
						<option value="2">Semiannually</option>
						<option value="1">Annually</option>
					</select>
				</td>
			</tr>
			<tr>
				<td colspan="2">
					<input type="submit" value="Calculate"/>
				</td>
			</tr>
		</table>
	</form>
</div>

Savings Calculator
Initial Principal:
Monthly Deposit:
Number of Years:
Annual Interest Rate:
Interest Compounded: