Ребята помогите пожалуйста разобраться

Coder-vasya · July 7, 2017

Ребята помогите пожалуйста разобраться. Как сделать чтобы после отправки формы она исчезла и осталось только "Сообщение отправлено". Заранее благодарен.

<!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 "Письмо отправлено";}

?>

<div class="flex-container">
<div class="flex-block1">Имя</div>
<div class="flex-block2">Почта</div>
<div class="flex-block3">Запрос</div>
</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;}

Switch74 · July 7, 2017

<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 "Письмо отправлено";}
else{?>
<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>
<?PHP }?>
</body>

Но если вникнуть глубже, то вам бы проверять корректность ввода данных, после проверять ответ от функции mail и уже после этого выводить какое-то сообщение.

Coder-vasya · July 7, 2017

4 часа назад, Switch74 сказал:


<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 "Письмо отправлено";}
else{?>
<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>
<?PHP }?>
</body>

Но если вникнуть глубже, то вам бы проверять корректность ввода данных, после проверять ответ от функции mail и уже после этого выводить какое-то сообщение.

Спасибо огромное все работает, я всего лишь 2дня в теме php, и месяц в html и css.когда нибудь я достигну уровня шаолиня, пока я делаю только первые шаги. Я понимал что работать нужно было с else , но не до конца понимал как грамотно это написать.

Sign In

Ребята помогите пожалуйста разобраться

Recommended Posts

Coder-vasya

Link to comment

Share on other sites

Switch74

Link to comment

Share on other sites

Coder-vasya

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information