By GokiSoft.com| 20:11 17/02/2022|
Học JS

Bài tập - Form vay tiền - Lập trình Javascript BT2024

Liên kết rút gọn:

https://gokisoft.com/2024

Bình luận

avatar
GokiSoft.com [Teacher]
2022-01-07 03:17:40


Suggestion
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Form Vay Tien</title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

	<style type="text/css">
		.container {
			width: 500px;
			background-color: orange;
			padding: 15px;
			margin: 0px auto;
			margin-bottom: 20px;
		}

		.container input {
			width: 100%;
			font-size: 16px;
			margin-bottom: 15px;
		}
	</style>
</head>
<body>

<div class="container">
	<form method="post">
		<input required type="text" name="fullname" id="fullname_id" class="form-control" placeholder="Enter full name" pattern="[\w\s]* [\w\s]*">
		<input required type="tel" name="phone_number" placeholder="Enter phone number" minlength="10">
		<input required type="text" name="zipCode" placeholder="Enter Zip Code" pattern="[0-9]{3}-[0-9]{4}-[0-9]{3}">
		<input required type="text" name="fax" placeholder="Enter Fax" pattern="[0-9]{3}-[0-9]{7}">
		<button type="submit">Submit</button>
		<button type="reset">Reset</button>
	</form>
</div>
</body>
</html>


avatar
Vũ Trung Kiên [C2009I]
2021-01-22 15:31:10


#LoanApplication.html


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Loan Application</title>
	<style type="text/css">
		.Container
		{
			margin: 0 30%;
		}
		.Header
		{
			background-color: #ffe0e0;
			border: solid 1px #e5ac99;
			margin-bottom: 30px; 
		}
		.Header h3
		{
			margin: 0 10px;
		}
		.FormBox
		{
			display: flex;
		}
		.ColorBox
		{
			background-color: #ffe0e0;
		}
		.Top
		{
			border: solid 1px;
			padding: 10px;
			margin-bottom: 30px;
		}
		.Top .TopText
		{
			position: relative;
			top: -20px;
			background-color: white;
			padding: 0 5px;
			color: #426ab7;
			width: 209px;
		}
		.FormBox
		{
			padding: 5px 50px;
			line-height: 25px;
		}
		.TextBox
		{
			margin-right: 30px;
		}
		.InputBox
		{
			width: 60%;
		}
		.InputBox input
		{
			width: 100%;
		}
		.Bet
		{
			border: solid 1px;
			padding: 10px;
			margin-bottom: 30px;
		}
		.Bet .TopText
		{
			position: relative;
			top: -20px;
			background-color: white;
			padding: 0 5px;
			color: #426ab7;
			width: 237px;
		}
		.Bot
		{
			border: solid 1px;
			padding: 10px;
			margin-bottom: 30px;
		}
		.Bot .TopText
		{
			position: relative;
			top: -20px;
			background-color: white;
			padding: 0 5px;
			color: #426ab7;
			width: 115px;
		}
	</style>
</head>
<body>
	<div class="Container">
		<div class="Header">
			<h3>
				Loan Application Form
			</h3>
		</div>
		<div class="Main">
			<form>
				<div class="Top">
					<div class="ColorBox">
						<div class="TopText">
							Apllicant's Personal Information
						</div>
						<div class="FormBox">
							<div class="TextBox">
								Full Name:
								<br>
								Date of Birth (MM/dd/yyyy):
								<br>
								Phone number:
								<br>
								Address:
								<br>
								ZIP code:
							</div>
							<div class="InputBox">
								<input type="text" name="FullName" pattern="(.+ .*)|(.* .+)" required>
								<br>
								<input type="date" name="DateOfBirth" required>
								<br>
								<input type="text" name="PhoneNumber" pattern="[0-9].{10,}" required>
								<br>
								<input type="text" name="Address" required>
								<br>
								<input type="text" name="ZIPCode" pattern="[0-9]{3}-[0-9]{4}-[0-9]{3}" required>
							</div>
						</div>
					</div>
				</div>
				<div class="Bet">
					<div class="ColorBox">
						<div class="TopText">
							Apllicant's Employment Information
						</div>
						<div class="FormBox">
							<div class="TextBox">
								Current Employer:
								<br>
								Employer Address:
								<br>
								Date of Joining (MM/dd/yyyy):
								<br>
								Phone number:
								<br>
								E-mail ID:
								<br>
								Fax:
								<br>
								Designation:
								<br>
								Annual Income ($):
							</div>
							<div class="InputBox">
								<input type="text" name="CurrentEmployer" required>
								<br>
								<input type="text" name="EmployerAddress" required>
								<br>
								<input type="date" name="DateOfJoining" required>
								<br>
								<input type="number" name="PhoneNumberEmployer" required>
								<br>
								<input type="email" name="E-mail" required>
								<br>
								<input type="text" name="Fax" pattern="[0-9]{3}-[0-9]{7}" required>
								<br>
								<input type="text" name="Designation" required>
								<br>
								<input type="number" name="AnnualIncome" required>
							</div>
						</div>
					</div>
				</div>
				<div class="Bot">
					<div class="ColorBox">
						<div class="TopText">
							Loan Information
						</div>
						<div class="FormBox">
							<div class="TextBox">
								Loan Type:
								<br>
								Principal ($):
								<br>
								Period (Months):
								<br>
								Interest (%):
							</div>
							<div class="InputBox">
								<select required>
									<option selected hidden value="">Select</option>
									<option value="Personal Loan">Personal Loan</option>
									<option value="Home Loan">Home Loan</option>
									<option value="Vehicle Loan">Vehicle Loan</option>
									<option value="Business Loan">Business Loan</option>
									<option value="Education Loan">Education Loan</option>
								</select>
								<input type="number" name="Principal" required>
								<br>
								<input type="number" name="Period" required>
								<br>
								<input type="number" name="Interest" required>
							</div>
						</div>
						<div class="ButtonBox">
							<center>
								<button type="submit">Submit</button>
								<button type="reset">Reset</button>
							</center>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
</body>
</html>


avatar
TRẦN VĂN ĐIỆP [Teacher]
2021-01-22 01:52:51


#load_application.html


<!DOCTYPE html>
<html>
<head>
	<title>Loan Application Page</title>
	<meta charset="utf-8">

	<style type="text/css">
		body {
			padding: 0px;
			margin: 0px;
		}

		.container {
			width: 80%;
			margin: 0px auto;
		}

		h3, fieldset {
			margin-bottom: 20px;
			background-color: #ff7200c7;
			padding: 20px;
		}

		fieldset legend {
			color: blue;
			font-weight: bold;
		}

		.form-group {
			width: 100%;
			display: flex;
			margin-bottom: 10px;
		}

		.form-group label {
			width: 20%;
			float: left;
		}

		.form-group input {
			width: 40%;
			float: left;
		}
	</style>
</head>
<body>
	<div class="container">
		<h3>Loan Application Form</h3>

		<form method="post">
		<fieldset>
			<legend>Application's Personal Information</legend>
			<div class="form-group">
				<label>Full Name:</label>
				<input required="true" type="text" name="fullname" pattern="[\w]* [\w]*">
			</div>
			<div class="form-group">
				<label>Date of Birth (MM/dd/yyyy):</label>
				<input required="true" type="date" name="birthday">
			</div>
			<div class="form-group">
				<label>Phone Number:</label>
				<input required="true" type="telno" name="phone_number" pattern="[\w]{10,}">
			</div>
			<div class="form-group">
				<label>Address:</label>
				<input required="true" type="text" name="address">
			</div>
			<div class="form-group">
				<label>Zip Code:</label>
				<input required="true" type="text" name="zipcode" pattern="[0-9]{3}-[0-9]{4}-[0-9]{3}">
			</div>
		</fieldset>

		<fieldset>
			<legend>Application's Employment Information</legend>
			<div class="form-group">
				<label>Current Employer:</label>
				<input required="true" type="text" name="current_employer">
			</div>
			<div class="form-group">
				<label>Employer Address:</label>
				<input required="true" type="text" name="empolyer_address">
			</div>
			<div class="form-group">
				<label>Date of Joining (MM/dd/yyyy):</label>
				<input required="true" type="date" name="doj">
			</div>
			<div class="form-group">
				<label>Phone Number:</label>
				<input required="true" type="text" name="empolyer_phone_number" pattern="[\w]{10,}">
			</div>
			<div class="form-group">
				<label>Email Address:</label>
				<input required="true" type="email" name="empolyer_email">
			</div>
			<div class="form-group">
				<label>Fax:</label>
				<input required="true" type="text" name="empolyer_fax" pattern="[0-9]{3}-[0-9]{7}">
			</div>
			<div class="form-group">
				<label>Designation:</label>
				<input required="true" type="text" name="empolyer_designation">
			</div>
			<div class="form-group">
				<label>Annual Income ($):</label>
				<input required="true" required="true" type="number" name="empolyer_annual_income">
			</div>
		</fieldset>

		<fieldset>
			<legend>Loan Information</legend>
			<div class="form-group">
				<label>Loan Type:</label>
				<select required="true" name="loan_type">
					<option value="">Select</option>
					<option value="personal">Personal Loan</option>
					<option value="home">Home Loan</option>
					<option value="vehicle">Vehicle Loan</option>
					<option value="business">Business Loan</option>
					<option value="education">Education Loan</option>
				</select>
			</div>
			<div class="form-group">
				<label>Principal ($):</label>
				<input required="true" type="number" name="loan_principal">
			</div>
			<div class="form-group">
				<label>Period (Month):</label>
				<input required="true" type="number" name="loan_period">
			</div>
			<div class="form-group">
				<label>Interest (%):</label>
				<input required="true" type="text" name="loan_interest">
			</div>
			<div class="form-group">
				<label></label>
				<button type="submit">Submit</button>
				<button type="reset">Reset</button>
			</div>
		</fieldset>
		</form>
	</div>
</body>
</html>


avatar
silentvoice [C2009I]
2020-12-22 06:57:18

https://phamngoclong.herokuapp.com/baitaplap8/bai2/loan-aplication-form.html


avatar
nguyen hoang viet [community,C2009I]
2020-12-21 16:21:09

https://nguyenhoangviet.herokuapp.com/LoanApplication.html

avatar
Đặng Trần Nhật Minh [T2008A]
2020-11-01 12:41:43

https://html-code-nhatminh.herokuapp.com/16.10/formvaytien.html

avatar
Triệu Văn Lăng [T2008A]
2020-10-30 06:44:53



<!DOCTYPE html>
<html>
<head>
	<title>LoanApplication.html</title>
	<meta charset="utf-8">
	<style type="text/css">
		.head {
			background-color: pink;
			color: black;
			border: solid 1px red;
			width: 100%;
			text-align: left;
		}
		fieldset {
			background-color: white;
			border: solid 1px red;
			color: blue;
			margin-bottom: 20px
		}
		.heading {
			background-color: pink;
			color: black;
			
		}
		.heading1 {
			margin-left: 25px;
			float: left;
		}
		
	</style>
</head>
<body>
	<h3 class="head">Loan Application Form</h3>
	<fieldset>
		<legend>Applicant's Personal Information</legend>
		<div class="heading">
			<label class="heading1">Fullname:</label>
			<input  type="text" name="full_name" size="50" maxlength="50">
		</div>
		<div  class="heading">
			<label class="heading1">Date of Birth(MM/DD/YY):</label>
			<input type="Date" name="birthday">
		</div >		
		<div class="heading">
			<label class="heading1">Phone Number:</label>
			<input  type="number" name="phone_number" pattern="[+]?[0-9]{9,15}">
		</div>	
		<div  class="heading">
			<label class="heading1">Address:</label>
			<input  type="text" name="address" size="50">
		</div>
		<div  class="heading">
			<label class="heading1">Zip Code:</label>
			<input type="password" name="code" >
		</div>		
	</fieldset>
	<fieldset>
		<legend>Application Employment's Information</legend>
		<div class="heading">
			<label class="heading1">Current Employer:</label>
			<input type="text" name="current" size="50">
		</div>
	
		<div class="heading">
			<label class="heading1">Employer Address:</label>
			<input type="text" name="address" size="50">
		</div>
		<div class="heading">
			<label class="heading1">Date of Joining(MM/DD/YY):</label>
			<input type="Date" name="Date">
		</div>
		<div class="heading">
			<label class="heading1">Phone Number:</label>
			<input type="number" name="phone_number">
		</div>
		<div class="heading">
			<label class="heading1">E-mail ID:</label>
			<input type="email" name="emial_ID">
		</div>
		<div class="heading">
			<label class="heading1">Fax:</label>
			<input type="number" name="fax">
		</div>
		<div class="heading">
			<label class="heading1">Designaton:</label>
			<input type="text" name="designation">
		</div>
		<div class="heading">
			<label class="heading1">Annual Income($):</label>
			<input type="number" name="annual_income">
		</div>
	</fieldset>
	<fieldset>
		<legend>Loan Information</legend>
		<div class="heading">
			<label class="heading1">Loan Type:</label>
			<select>
				<option>Select</option>
				<option>Personal Loan</option>
				<option>Home Loan</option>
				<option>Vehicle Loan</option>
				<option>Business Loan</option>
				<option>Education Loan</option>				
			</select>
			<div></div>
		</div>
		<div class="heading">
			<label class="heading1">Principal($):</label>
			<input type="number" name="principal">
		</div>
		<div class="heading">
			<label class="heading1">Perius(Month):</label>
			<input type="number" name="perius">
		</div>
		<div class="heading">
			<label class="heading1">Interest(%):</label>
			<input type="" name="interest">
		</div>
		<div class="heading">
			<button style="margin-bottom: 10px; margin-left: 100px">submit</button>
			<button>reset</button>
		</div>
	</fieldset>
</body>
</html>


avatar
Do Trung Duc [T2008A]
2020-10-26 02:36:45



<!DOCTYPE html>
<html>
<head>
	<title>LoanApplication</title>
	<style type="text/css">

		.total{
			width: 70%;
			margin: 0 auto;
		}

		.header{
		 font-weight: bolder;
		 background-color: #ffccf2;
		 border: 1px solid;
		 margin-top: 0 auto;
		}

		.main_one, .main_two, .main_three{
			padding: 5px;
			margin-top: 20px;
			border: 1px solid;
		}	

		.mainone label {
			background-color: white;
		}	

		.row{
			display: flex;
			margin-top: 5px;
		}

		.text_row{
			width: 20%;

		}

		.fill_row{
			width: 50%
		}


	</style>
</head>
<body>
	<div class="total">
		<form>
		<div class="header">Loan Application Form</div>
		<div class="main_one">
			<div style="background-color: white; margin-top: -15px; color: #80b3ff; width: 25%">Applicant's Personal Information</div>
			<div style="background-color: #ffccf2; padding-left: 5%; ">
			<div class="row">
				<div class="text_row">Full name:</div>
				<input required class="fill_row" type="text" name="" width="50%">
			</div>

			<div class="row">
				<div class="text_row">Date of birth:</div>
				<input required class="fill_row" type="Date" name="" width="50%">
			</div>			

			<div class="row">
				<div class="text_row">Phone number:</div>
				<input required class="fill_row" type="number" name="" width="50%" minlength="10">
			</div>

			<div class="row">
				<div class="text_row">Address:</div>
				<input required class="fill_row" type="text" name="" width="50%">
			</div>

			<div class="row">
				<div class="text_row">Zip Code:</div>
				<input required class="fill_row" type="text" name="" width="50%" pattern="[0-9]{3}[-][0-9]{4}[-][0-9]{3}">
			</div>
			</div>
		</div>

		<div class="main_two">
			<div style="background-color: white; margin-top: -15px; color: #80b3ff; width: 28%">Applicant's Employment Information</div>
			<div style="background-color: #ffccf2; padding-left: 5%; ">
			<div class="row">
				<div class="text_row">Current Emoloyer:</div>
				<input required class="fill_row" type="text" name="" width="50%">
			</div>

			<div class="row">
				<div class="text_row">Employer Address:</div>
				<input required class="fill_row" type="text" name="" width="50%">
			</div>			

			<div class="row">
				<div class="text_row">Date of johning (mm/dd/yyyy):</div>
				<input required class="fill_row" type="date" name="" width="50%">
			</div>

			<div class="row">
				<div class="text_row">Phone number:</div>
				<input required class="fill_row" type="number" name="" width="50%">
			</div>

			<div class="row">
				<div class="text_row">Email ID:</div>
				<input required class="fill_row" type="Email" name="" width="50%">
			</div>

			<div class="row">
				<div class="text_row">Fax:</div>
				<input required class="fill_row" type="number" name="" width="50%" pattern="[0-9]{3}[-][0-9]{7}">
			</div>

			<div class="row">
				<div class="text_row">Designation:</div>
				<input required class="fill_row" type="text" name="" width="50%">
			</div>

			<div class="row">
				<div class="text_row">Annual Income:</div>
				<input required class="fill_row" type="number" name="" width="50%">
			</div>

			</div>
		</div>


		<div class="main_three">
			<div style="background-color: white; margin-top: -15px; color: #80b3ff; width: 25%">Applicant's Personal Information</div>
			<div style="background-color: #ffccf2; padding-left: 5%; ">
			<div class="row">
				<div class="text_row">Loan type:</div>
				<select required class="fill_row" type="text" name="" width="50%">
					<option>--Select--</option>
					<option>Personal Loan</option>
					<option>Home Loan</option>
					<option>Vehicle Loan</option>
					<option>Business Loan</option>
					<option>Education Loan</option>
				</select>
				
			</div>

			<div class="row">
				<div class="text_row">Principal:</div>
				<input required class="fill_row" type="number" name="" width="50%">
			</div>			

			<div class="row">
				<div class="text_row">Period (Months):</div>
				<input required class="fill_row" type="number" name="" width="50%">
			</div>

			<div class="row">
				<div class="text_row">Interest(%):</div>
				<input required class="fill_row" type="text" name="" width="50%">
			</div>

			<div class="row">
				<div class="text_row"></div>
				<button type="Submit">Submit</button>
				<button style="margin-left: 5px;" type="reset">Reset</button>
			</div>

			</div>
		</div>
	</form>
	</div>
</body>
</html>


avatar
Nguyễn Anh Vũ [T2008A]
2020-10-24 06:07:32


#vay tien.html


	<!DOCTYPE html>
	<html>
	<head>
		<title>Form vay tiền</title>
		<meta charset="utf-8">
		<style type="text/css">
			.panel{
				width: 60%;
				margin: 0 auto;
			}
			.top{
				text-align: left;
				background-color:#FFCCFF	; color: black
				
			}
			.panel1{ 
				margin-right: 15px;
				background-color: #FFCCFF	;
				padding: 5px;
				color: black;
				border: 1px;
			}
			.panel2{
				margin-right: 15px;
				background-color: #FFCCFF	;
				padding: 5px;
				color: black;
				border: 1px;
			}
			.panel3{
				background-color: #FFCCFF	;
				padding: 5px;
				color: black;
				border: 1px;
			}
			h4 {
				color: blue;
			}
			input{
				width: 200%;
			}
			body{
				margin-left: 30px;
			}
			select{
				margin-left: 35px;
			}
		</style>
	</head>
	<body>
		<!-- <div class="panel"> -->
			<div class="top">
				<p><h3> Loan Application Form </h3></p>
			</div>
			<div class="panel1">
				<h4> Applicant's Personal Information </h4>
				<table>
					<tr>
						<td>Full Name:</td>
						<td><input type="text" name="Full Name"></td>
					</tr>
					<tr>
						<td>Date of Birth(MM/dd/yyyy):</td>
						<td><input type="Date" name="Date of Birth(MM/dd/yyyy)"></td>
					</tr>
					<tr>
						<td>Phone Number:</td>
						<td><input type="number" name="Phone Number"></td>
					</tr>
					<tr>
						<td>Address:</td>
						<td><input type="text" name="Address"></td>
					</tr>
					<tr>
						<td>ZIP Code:</td>
						<td><input type="number" name="ZIP Code"></td>
					</tr>
				</table>
			</div>
			<!-- </div> -->
			<br>

			<div class="panel2">
				<h4> Applicant's Employment Information </h4>
				<table>
					<tr>
						<td> Current Emloyer:</td>
						<td><input type="text" name=" Current Emloyer"></td>
					</tr>
					<tr>
						<td> Employer Address:</td>
						<td><input type="text" name=" Employer Address"></td>
					</tr>
					<tr>
						<td> Date of joining(MM/dd/yyyy): </td>
						<td><input type="Date" name=" Date of joining(MM/dd/yyyy)"></td>
					</tr>
					<tr>
						<td> Phone Number:</td>
						<td><input type="Number" name="Phone Number"></td>
					</tr>
					<tr>
						<td> E-mail ID:</td>
						<td><input type="text" name="  E-mail ID"></td>
					</tr>
					<tr>
						<td>Fax:</td>
						<td><input type="text" name=" Fax"></td>
					</tr>
					<tr>
						<td> Designation: </td>
						<td><input type="text" name=" Designation"></td>
					</tr>
					<tr>
						<td>Annual Incom($):</td>
						<td><input type="Number" name="  Annual Incom($)"></td>
					</tr>
				</table>
			</div>
			<br>

			<div class="panel3">
				<h4> Loan Information </h4>
				<table>
					<tr>
						<td>Loan Type:</td>
						<td><input type="text" name="Loan Type"></td>
					</tr>
					<tr>
						<td>Principal($):</td>
						<td><input type="number" name=" Principal"></td>
					</tr>
					<tr>
						<td> Period(Months):</td>
						<td><input type="number" name="Period(Months)"></td>
					</tr>
					<tr>
						<td>interest(%):</td>
						<td><input type="text" name="interest(%)"></td>
					</tr>
				</table>
			</div>
			<div class="panel3">
				<label><td>Loan Type:</td></label>
				<select style="width: 350px">
						<option>Select</option>
						<option>Personal Loan</option>
						<option>Home Loan</option>
						<option>Vehicle Loan</option>
						<option>Business Loan</option>
						<option>Education Loan</option>
				</select>
			</div>
			<button onclick="Submit()"> Submit </button>
			<button onclick="Reset()"> Reset </button>
		</body>
		</html>


avatar
hainguyen [T2008A]
2020-10-23 06:38:59


#SC.html


<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<style type="text/css">
		.sub {
			font-weight: bold;
			border: 1px solid red;
			background-color: #ffd9d9;
			padding-left: 10px;
		}
		.bow {
			border: 1px solid red;
			margin-top: 20px;
			padding: 15px;	
		}
		.bowwer {
			margin-top: -25px;
			width: 17%;
			background-color: white;
			color: blue;
		}
		.ship {
			margin-top: 20px;
			background-color: #ffd9d9;
			padding-left: 20px;
		}
		.tool {
			width: 50%;
		}
	</style>
</head>
<body>
	<div class="sub">
		Loan Application Form
	</div>

	<div class="bow">
		<div class="bowwer">Applicant's Personal Information</div>
		<div class="ship">
			<div class="skip">
				<label>Full Name:</label>
				<input class="tool" type="text" name="fullname">					
			</div>
			<div class="skip">
				<label>Date of Birth (MM/dd/yyyy):</label>
				<input class="tool" type="Date" name="Date">
			</div>
			<div class="skip">
				<label>Phone number:</label>
				<input class="tool" type="text" name="fullname">
			</div>
			<div class="skip">
				<label>Address:</label>
				<input class="tool" type="text" name="fullname">
			</div>
			<div class="skip">
				<label>ZIP Code:</label>
				<input class="tool" type="text" name="fullname">
			</div>
		</div>
	</div>

	<div class="bow">
		<div class="bowwer">Applicant's Employment Information</div>
		<div class="ship">
			<div class="skip">
				<label>Current Employer:</label>
				<input class="tool" type="text" name="fullname">					
			</div>
			<div class="skip">
				<label>Employer Address:</label>
				<input class="tool" type="text" name="fullname">
			</div>
			<div class="skip">
				<label>Date of Joining (MM/dd/yyyy):</label>
				<input class="tool" type="Date" name="Date">
			</div>
			<div class="skip">
				<label>Phone number:</label>
				<input class="tool" type="text" name="fullname">
			</div>
			<div class="skip">
				<label>E-mail ID:</label>
				<input class="tool" type="text" name="fullname">
			</div>
			<div class="skip">
				<label>Fax:</label>
				<input class="tool" type="text" name="fullname">
			</div>
			<div class="skip">
				<label>Designation:</label>
				<input class="tool" type="text" name="fullname">
			</div>
			<div class="skip">
				<label>Annual Income ($):</label>
				<input class="tool" type="text" name="fullname">
			</div>
		</div>
	</div>

	<div class="bow">
		<div class="bowwer">Applicant's Personal Information</div>
		<div class="ship">
			<div class="skip">
				<label>Loan Type:</label>
				<select class="tool" id="" onchange="Loantype()">
					<option>Select</option>
					<option>Personal Loan</option>
					<option>Home Loan</option>
					<option>Vehicle Loan</option>
					<option>Business Loan</option>
					<option>Education Loan</option>
				</select>					
			</div>
			<div class="skip">
				<label>Principal:</label>
				<input class="tool" type="text" name="fullname">
			</div>
			<div class="skip">
				<label>Period (Months):</label>
				<input class="tool" type="text" name="fullname">
			</div>
			<div class="skip">
				<label>Interest (%):</label>
				<input class="tool" type="text" name="fullname">
			</div>

			<button>Submit</button>
			<button>Reset</button>
		</div>
	</div>
</body>
</html>