IT430 ASSIGNMENT 1 SOLUTION FALL 2023 | IT430 ASSIGNMENT 1 SOLUTION 2023 | IT430 ASSIGNMENT 1 2023 | E-COMMERCE | VuTech
Visit Website For More Solutions
www.vutechofficial.blogspot.com
KINDLY, DON’T COPY PASTE
Question No. 1
You are required to design a HTML form for a "Car on Installment" application. The form should include all possible HTML elements to gather essential information from the user who wants to purchase a car on installment. Design the form, and then validate the user's input on the server side (not included in this assignment).You are required to develop the registration form using (HTML & CSS). The sample output is given below.
Sample Output:
Following points should be kept in mind during the development of the
registration page.
- Title of page should be your vu id (bcXXXXXXXXX).
- All fields must be functional.
- All fields datatypes must be in accurate format.
- Employement status must be in dropdown menu by selection the correct option.
- Page color should be same as of the given sample. • Submit and Reset button must be activated.
Solution:
<!DOCTYPE html>
<html>
<head>
<title>bcXXXXXXXXX - Car on Installment Application</title>
<style>
body {
background-color: #ffffff;
margin: 50px 800px;
}
input {
width: 100%;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ccc;
}
select {
width: 100%;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ccc;
}
button {
width: 100%;
padding: 10px;
background-color: #000000;
color: #ffffff;
}
</style>
</head>
<body>
<h1>Car Loan Application</h1>
<form action="/action_page.php" method="post">
<input type="text" name="fullname" placeholder="Full Name">
<input type="email" name="email" placeholder="Email">
<input type="tel" name="phone_number" placeholder="Phone Number">
<input type="text" name="car_make" placeholder="Car Make">
<input type="text" name="car_model" placeholder="Car Model">
<input type="number" name="car_year" placeholder="Car Year">
<input type="number" name="car_price" placeholder="Car Price">
<input type="number" name="down_payment" placeholder="Down Payment">
<input type="number" name="loan_duration" placeholder="Loan Duration (months)">
<select name="employment_status">
<option value="">Select Employment Status</option>
<option value="employed">Employed</option>
<option value="self-employed">Self-employed</option>
<option value="retired">Retired</option>
<option value="student">Student</option>
</select>
<button type="submit">Submit</button>
<button type="reset">Reset</button>
</form>
</body>
</html>