INTERNET CONCEPTS AND WEB DESIGN MCSL016
Design a form for creating a new account for a customer for on-line banking system by the administrator. It should have input fields for creating all the details of a customer including the PAN. After submitting the detail through the Submit button the administrator can view the details of all the customers by clicking Show button and also modify it by clicking Modify button.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Create New Account</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}
.container {
width: 400px;
margin: 50px auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #fff;
}
label {
display: block;
margin-bottom: 5px;
}
input[type="text"], input[type="password"], input[type="submit"] {
width: 100%;
padding: 8px;
margin-bottom: 10px;
box-sizing: border-box;
}
input[type="submit"] {
background-color: #4CAF50;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
input[type="submit"]:hover {
background-color: #45a049;
}
button {
padding: 8px 20px;
background-color: #ff6600;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
button:hover {
background-color: #e65c00;
}
</style>
</head>
<body>
<div class="container">
<h2>Create New Account</h2>
<form id="createAccountForm" action="submit_account_details.php" method="post">
<label for="fullName">Full Name:</label>
<input type="text" id="fullName" name="fullName" required><br>
<label for="email">Email Address:</label>
<input type="text" id="email" name="email" required><br>
<label for="pan">PAN:</label>
<input type="text" id="pan" name="pan" required><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required><br>
<input type="submit" value="Submit">
</form>
<button onclick="showCustomerDetails()">Show Customer Details</button>
<button onclick="modifyCustomerDetails()">Modify Customer Details</button>
</div>
<script>
function showCustomerDetails() {
// Redirect to the page to show customer details
window.location.href = "customer_details.php";
}
function modifyCustomerDetails() {
// Redirect to the page to modify customer details
window.location.href = "modify_customer_details.php";
}
</script>
</body>
</html>
No comments:
Post a Comment