Untitled

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="utf-8">
        <title>Formulário</title>

        <style>

            body {
                font-family: verdana;
                font-size: 12px;
                background-color: #f7f7f7;
            }

        </style>

    </head>
    <body>

        <h1>Formulário de Contato</h1>

        <div id="formulario">
            <form onsubmit="return onSubmit()">

                Nome:<br>
                <input type="text" name="name" required><br>

                E-mail:<br>
                <input type="text" name="email" required><br>

                Assunto:<br>
                <input type="text" name="subject" required><br>

                Mensagem:<br>
                <textarea name="desc" rows="4" cols="25" required></textarea>

                <br>
                <br>
                <input type="submit" value="Enviar">
                <input type="reset" value="Limpar">

            </form>
        </div>

        <div id="resultado">
            <p>Informações envidas com sucesso!</p>
            <a href="formulario.html">Voltar</a>
        </div>

        <script>

            var div_formulario = document.getElementById("formulario");
            var div_resultado = document.getElementById("resultado");
            div_resultado.style.display = "none";

            function onSubmit() {
                div_formulario.style.display = "none";
                div_resultado.style.display = "block";
                return false;
            }

        </script>

    </body>
</html>