In my project, I am restricted to using only HTML5 and CSS3. Currently, I have a form that requires simulating the action of "sending form data". Upon clicking the submit button, the form should be hidden and a default div (#result) needs to be displayed. Is there a way to achieve this using only CSS3 and HTML5 without involving JavaScript?
Thank you for your help!
Below is the snippet of my code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS CHALLENGE</title>
<!-- CSS Code -->
<style>
/* Place your CSS code here */
</style>
</head>
<body class="global">
<div class="backgound">
<form id="loginForm" action="#result" method="get">
<h2>Contact Us!</h2>
<input type="email" placeholder="Email" required>
<input type="text" placeholder="Subject">
<textarea placeholder="Message" rows="10" cols="40" required></textarea>
<button type="submit">Send</button>
</form>
<div id="result" class="sended">Form submitted successfully!</div>
</div>
</body>
</html>