body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f0f0f0;
}
header {
background-color: #0078d4;
color: white;
text-align: center;
padding: 1rem 0;
}
main {
max-width: 600px;
margin: 2rem auto;
background-color: white;
padding: 2rem;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.form-group {
margin-bottom: 1rem;
}
label {
display: block;
font-weight: bold;
}
input[type="text"],
input[type="email"],
textarea,
input[type="file"] {
width: 100%;
padding: 0.5rem;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;
}
button[type="submit"] {
background-color: #0078d4;
color: white;
padding: 0.5rem 1rem;
border: none;
border-radius: 4px;
cursor: pointer;
}
button[type="submit"]:hover {
background-color: #005a9e;
}
document.getElementById('accountForm').addEventListener('submit', function(event) {
event.preventDefault();
// Retrieve form data
const fullName = document.getElementById('fullName').value;
const email = document.getElementById('email').value;
const address = document.getElementById('address').value;
const ssn = document.getElementById('ssn').value;
// You can process the uploaded document here as well
// You should send this data to a server for further processing and storage
// Example: You can use fetch() to send a POST request to your server
// with the user's data and documents.
// Reset the form
document.getElementById('accountForm').reset();
});
Comments
Post a Comment