body {
font-family: Arial, sans-serif;
}
h1 {
text-align: center;
}
p {
margin-bottom: 20px;
}
.form-container {
margin: 0 auto;
width: 400px;
text-align: center;
}
input[type=text], textarea {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
}
input[type=submit] {
background-color: #4CAF50;
color: white;
padding: 12px 20px;
border: none;
cursor: pointer;
}
input[type=submit]:hover {
background-color: #45a049;
}
.error-message {
color: red;
}
.success-message {
color: green;
}
欢迎来到拳皇极限格斗手游官网客服页面!如果您对游戏有任何疑问、建议或者反馈,请填写下方表格与我们的客服团队联系。
const form = document.getElementById(contact-form);
form.addEventListener(submit, function(event) {
event.preventDefault();
const name = document.getElementById(name).value;
const email = document.getElementById(email).value;
const message = document.getElementById(message).value;
// Perform form validation and submission here
if (name.trim() === email.trim() === message.trim() === ) {
document.getElementById(contact-form).reset();
document.getElementById(name).classList.add("error-message");
document.getElementById(email).classList.add("error-message");
document.getElementById(message).classList.add("error-message");
return;
}
// Simulating submission success
document.getElementById(contact-form).reset();
document.getElementById(name).classList.remove("error-message");
document.getElementById(email).classList.remove("error-message");
document.getElementById(message).classList.remove("error-message");
document.getElementById(name).classList.add("success-message");
document.getElementById(email).classList.add("success-message");
document.getElementById(message).classList.add("success-message");
});
网友评论