Как сохранить данные в полях после отправки формы?
В случае несовпадения либо логина, либо пароля необходимо вывести форму авторизации с сообщением: “Неверный логин или пароль”. При этом в поля формы необходимо подставить данные, которые ввел пользователь ранее. Для этого в атрибуты “value” тегов “input” необходимо подставить данные, которые пришли из формы или подставлять пустые строки, если данных нет. Вспоминаем про замечательный тернарный оператор и используем его.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
include $_SERVER['DOCUMENT_ROOT'] . '/include/success.php'; error_reporting(-1); $login = "admin"; $password = "12345"; $error = true; if(!empty($_POST)){ if($_POST['login'] === $login && $_POST['password'] === $password) { echo $message; } else { header('Location: http://task.manager/?login=yes'); echo "Неверный логин или пароль"; echo ''; } } ?> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32
html xmlns="http://www.w3.org/1999/xhtml"> head> meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> link href="styles.css" rel="stylesheet" /> title>Project - ведение списков/title> /head> body> div class="header"> div class="logo">img src="i/logo.png" width="68" height="23" alt="Project" />/div> div style="clear: both">/div> /div> table width="100%" border="0" cellspacing="0" cellpadding="0"> tr> td class="left-collum-index"> h1>Возможности проекта —/h1> p>Вести свои личные списки, например покупки в магазине, цели, задачи и многое другое. Делится списками с друзьями и просматривать списки друзей./p> /td> td class="right-collum-index"> div class="project-folders-menu"> ul class="project-folders-v"> li class="project-folders-v-active">span>Авторизация/span>/li> li>a href="#">Регистрация/a>/li> li>a href="#">Забыли пароль?/a>/li> /ul> div style="clear: both;">/div> /div>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
if(isset($_GET['login']) AND $_GET['login']=='yes'){ echo ''; } ?>
/td> /tr> /table> div class="footer">© 2018/nobr> Project./div> /body> /html>
Как очистить данные после отправки формы ?
Всем привет, давно уже болит такой вопрос, как очистить htm форму после отправки? Очистить форму.
Как обновить данные формы после отправки данных в БД ajax
Добрый день. Как обновить форму с комментариями, когда отправил данные через ajax в БД код JS.
Как обновить данные формы после отправки данных в БД ajax
Добрый день. Как обновить форму с комментариями, когда отправил данные через ajax в БД код JS.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
if(isset($_GET['login']) AND $_GET['login']=='yes'){ ?> div class="index-auth"> form method="POST" action="index.php"> table width="100%" border="0" cellspacing="0" cellpadding="0"> tr> td class="iat">Ваш e-mail: br /> input id="login_id" size="30" name="login" value="$_GET['login'])) $_GET['login'];> ?>>" />td> tr> tr> td class="iat">Ваш пароль: br /> input id="login_id" size="30" name="password" value="$_GET['login'])) $_GET['password'];> ?>>"/>td> tr> tr> td>input type="submit" name="send"/>td> tr> table> form> div> } ?> Otisfrost, надеюсь правильно понял задачу
Когда данные обрабатываются в одном файле с формой
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37
include $_SERVER['DOCUMENT_ROOT'] . '/include/success.php'; error_reporting(-1); $login_check = "admin"; $password_check = "12345"; $status = 'no'; $login = $password = $error = null; if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['send'])) { if (!empty($_POST['login'])) { $login = $_POST['login']; if (!empty($_POST['password'])) { $password = $_POST['password']; if ($login === $login_check && $password === $password_check) { $status = 'yes'; } else { $error = 'Неверный логин или пароль'; } } else { $error = 'Введите Ваш пароль'; } } else { $error = 'Введите Ваш логин'; } } ?> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68
html xmlns="http://www.w3.org/1999/xhtml"> head> meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> link href="styles.css" rel="stylesheet" /> title>Project - ведение списковtitle> head> body> div class="header"> div class="logo">img src="i/logo.png" width="68" height="23" alt="Project" />div> div style="clear: both">div> div> table width="100%" border="0" cellspacing="0" cellpadding="0"> tr> td class="left-collum-index"> h1>Возможности проекта —h1> p>Вести свои личные списки, например покупки в магазине, цели, задачи и многое другое. Делится списками с друзьями и просматривать списки друзей.p> td> td class="right-collum-index"> if (isset($status) && $status === 'no') { ?> div class="project-folders-menu"> ul class="project-folders-v"> li class="project-folders-v-active">span>Авторизацияspan>li> li>a href="#">Регистрацияa>li> li>a href="#">Забыли пароль?a>li> ul> div style="clear: both;">div> div> div class="index-auth"> form method="POST" action="$_SERVER['REQUEST_URI']; ?>"> table width="100%" border="0" cellspacing="0" cellpadding="0"> tr> td class="iat">Ваш e-mail: br /> input id="login_id" size="30" name="login" value="$login; ?>" />td> tr> tr> td class="iat">Ваш пароль: br /> input id="login_id" size="30" name="password" value="$password; ?>" />td> tr> tr> td> if (!empty($error)) echo $error; ?>td> tr> tr> td>input type="submit" name="send"/>td> tr> table> form> div> } else { ?> div class="project-folders-menu"> ul class="project-folders-v"> li>a href="#">Выходa>li> ul> div style="clear: both;">div> div> } ?> td> tr> table> div class="footer">© nobr>2018nobr> Project.div> body> html> Когда обработка данных с формы в другом файле
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76
html xmlns="http://www.w3.org/1999/xhtml"> head> meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> link href="styles.css" rel="stylesheet" /> title>Project - ведение списковtitle> head> body> div class="header"> div class="logo">img src="i/logo.png" width="68" height="23" alt="Project" />div> div style="clear: both">div> div> table width="100%" border="0" cellspacing="0" cellpadding="0"> tr> td class="left-collum-index"> h1>Возможности проекта —h1> p>Вести свои личные списки, например покупки в магазине, цели, задачи и многое другое. Делится списками с друзьями и просматривать списки друзей.p> td> td class="right-collum-index"> if (isset($_GET) && $_GET['login'] !== 'success') { ?> div class="project-folders-menu"> ul class="project-folders-v"> li class="project-folders-v-active">span>Авторизацияspan>li> li>a href="#">Регистрацияa>li> li>a href="#">Забыли пароль?a>li> ul> div style="clear: both;">div> div> div class="index-auth"> form method="POST" action="login.php"> table width="100%" border="0" cellspacing="0" cellpadding="0"> tr> td class="iat">Ваш e-mail: br /> input id="login_id" size="30" name="login" value="$login; ?>" />td> tr> tr> td class="iat">Ваш пароль: br /> input id="login_id" size="30" name="password" value="$password; ?>" />td> tr> tr> if (isset($_GET)) { if ($_GET['login'] === 'empty') { ?> td>Введите Ваш логинtd> } elseif ($_GET['password'] === 'empty') { ?> td>Введите Ваш парольtd> } elseif ($_GET['login'] === 'error') { ?> td>Неверный логин или парольtd> } ?> } ?> tr> tr> td>input type="submit" name="send"/>td> tr> table> form> div> } else { ?> div class="project-folders-menu"> ul class="project-folders-v"> li>a href="#">Выходa>li> ul> div style="clear: both;">div> div> } ?> td> tr> table> div class="footer">© nobr>2018nobr> Project.div> body> html> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51
include $_SERVER['DOCUMENT_ROOT'] . '/include/success.php'; error_reporting(-1); // получаем ссылку на сайт if (isset($_SERVER['HTTPS']) === '') { $site_url = 'https://' . $_SERVER['SERVER_NAME'] . '/'; } else { $site_url = 'http://' . $_SERVER['SERVER_NAME'] . '/'; } $login_check = "admin"; $password_check = "12345"; $login = $password = $error = null; if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['send'])) { if (!empty($_POST['login'])) { $login = $_POST['login']; if (!empty($_POST['password'])) { $password = $_POST['password']; if ($login === $login_check && $password === $password_check) { header('Location: ' . $site_url . '?login=success'); exit(); } else { header('Location: ' . $site_url . '?login=error'); exit(); } } else { header('Location: ' . $site_url . '?password=empty'); exit(); } } else { header('Location: ' . $site_url . '?login=empty'); exit(); } } else { header('Location: ' . $site_url); exit(); } ?> Очистка плавающих элементов: обзор различных методов clearfix
От автора: Очистка плавающих элементов долго была самой распространенной необходимостью во фронт-энд разработке. Не удивительно, что в течение нескольких лет, нам было предоставлено множество техник, известных как методы clearfix. До того, как мы углубимся в различные методы, давайте посмотрим на саму проблему, которую метод clearfix призван решать.
Сценарий: .el-1 и .el-2 – элементы, плавающие бок о бок внутри контейнера, а также есть элемент .main после элемента .container
Желаемый результат: Мы хотим, чтобы .container раскрывался до высоты своих дочерних элементов (то есть до самого высокого из двух .el-1 и .el-2), и мы хотим, чтобы элемент .main был после .container.
Действительный результат: .container сворачивается и не имеет высоты вообще, как будто внутри ничего нет, что ставит .main на нежелательную позицию и потенциально заставляет исчезнуть фоновые изображения и границы, заданные элементу .container.
Основываясь на вышеописанном сценарии, наша разметка должна выглядеть как-то так:
Онлайн курс по JavaScript
Научитесь создавать приложения со сложными интерфейсами
Это основной язык для современной веб-разработки — почти 100% сайтов работает на JavaScript. Освойте его с нуля всего за 4 месяца, и вы сможете зарабатывать от 70 000 рублей.
Тогда наш CSS код будет выглядеть вот так:
Наконец, результат показан на демо ниже:
Глядя на демо и посмотрев на CSS код для элемента .container, вы увидите, что он и вправду свернулся. Вы можете увидеть кусочек черной границы наверху, и нет даже намека на цвет фона. Значит, он не расширяется для того, чтобы помещать .el-1 и .el-2, позволяя элементу .main переместиться в неожиданное место ( в нашем случае под элемент .el-2).
Несмотря на то, что многие считают это багом браузера либо неправильной имплементацией свойства float. Это всего лишь принцип, по которому работают плавающие элементы. Хотя в процессе разработки, во многих случаях для нас он является нежелательным результатом. Что ставит для нас простую задачу – необходимость «очищать плавающие элементы».
Очищение плавающих элементов (или clearfix) призвано заставить родительский элемент расширяться, чтобы полностью вмещать дочерние элементы. Таким образом, следующие элементы будут идти под контейнером. На протяжении нескольких лет, для достижения этой цели появлялись различные методы. Прежде чем, мы обратимся к этим методам, давайте повнимательнее рассмотрим CSS свойство clear, которое является основной возможностью CSS для решения этой задачи.
Свойство “clear”
Свойство CSS clear определяет должен элемент, идущий вслед за плавающим, находиться перед ним или сдвинут вниз (очищен).
Из этого обозначения, становится понятным, что свойство clear может предотвратить наплыв других элементов поверх плавающих… правильно. Теперь перейдем к самим методам.
Решение 1: дедовский способ
Это метод старой закалки. Старая закалка – понятие относительное, и, конечно же, настоящая старая закалка требует использования таблиц для разметки (в случае чего очищение плавающих элементов не нужно). Так что считайте этот метод дедовским, с тех пор как появились плавающие элементы.
Сама суть – очень простая: вставьте пустой элемент, которому задано свойство clear, вниз контейнера, содержащего плавающие элементы. Долгое время использование специального класса для этой цели было традицией, чтобы вы могли его использовать и дальше в вашем HTML. Вот классическая структура: