Search the Community
Showing results for tags 'исчезающая форма'.
Found 1 result
-
Ребята помогите пожалуйста разобраться. Как сделать чтобы после отправки формы она исчезла и осталось только "Сообщение отправлено". Заранее благодарен. <!doctype html> <html> <head> <meta charset="utf-8"> <title>занятие 1</title> <link rel="stylesheet" href="style.css"> </head> <body><?php if(isset($_POST["OK"])) {$fio2=$_POST["fio"]; $email2=$_POST["email"]; $text2=$_POST["text"]; $msg="Фио:".$fio2."почта".$email2."Запрос".$text2; mail("test@mail.ru","Обращение с сайта",$msg); echo "Письмо отправлено";} ?> <form method="post" class="form"> <div class="flex-container"> <div class="flex-block1">Имя</div> <div class="flex-block2">Почта</div> <div class="flex-block3">Запрос</div> </div> <div class="flex-container1"> <div><input class="input" type="text" name="fio"/></div> <div><input class="input" type="text" name="email" /></div> <div><textarea class="input" name="text" cols="60" rows="7"></textarea></div> <div><input class="submit" type="submit" name="OK" value="Уехало!"/></div> </form> </div> </div> </body> </html> @charset "utf-8"; /* CSS Document */ .form{width:650px;height:500px; border:4px double #2A2298; border-radius:5px;font-size:20px; font:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif ;position:relative;top:25px;left:350px;color:#1A00FF;outline:4px double #0104A0; } body{background-color:#E1CDCD; } .flex-container{display:-webkit-inline-flex;display:inline-flex;flex-direction:column;width:130px;height:450px;justify-content:space-around;} .flex-container1{display:-webkit-inline-flex;display:inline-flex;flex-direction:column;width:450px;height:450px; justify-content:space-around; } .submit{width:150px;height:50px;background-color:#B90003;color:#000000;border:solid 2px #2200FF;border-radius:5px;font-size:20px;box-shadow:10px 10px 10px #1103CF;} .input{background-color:#9D9D9D;border:solid 1px #000000;border-radius:3px;box-shadow:10px 10px 10px #1103CF;} .flex-block1, .flex-block2, .flex-block3{font-style:italic;font-weight:900;position:relative;left:55px;} .flex-block2{top:-65px;} .flex-block3{top:-95px;}
