Міністерство освіти і науки України
Кіровоградський національний технічний університет
Кафедра програмування та захисту інформації
Дисципліна : Web-програмування
Лабораторна робота №5
Тема: Вивчення й практичне застосування форм HTML та елементів керування.
Мета: Навчитися передавати дані серверу з допомогою форм.
Знати: Методи передачі даних. Елементи керування форм.
Вміти: Застосовувати для передачі інформації серверу всі типи елементів керування формою.
Завдання:
1. Скласти програму, що приймає анкетні дані користувача. Намалювати HTML форму.
2. Всі поля обов'язкові для заповнення. Реалізувати перевірку на відсутність незаповнених полів за допомогою JavaScript.
3. Перевіряти правильність даних потрібно також на стороні сервера. У випадку помилки знову відображається форма з відповідним повідомленням про помилку. Ті поля, які були заповнені вірно повинні зайняти своє значення. Показати роботу всіх елементів керування (TEXT, SELECT, RADIO, CHECKBOX).
Варіант 29 - Сайт спортивного клубу
Вход вы админку
Код
//админ новость
<?
include_once '../admin/include/config.php';
mysql_select_db($mysql['db'], $connect) or die ("Нет соединения с базой");
mysql_set_charset('utf8');
$query = "SELECT * FROM news ORDER BY `id` DESC";
$result = mysql_query ($query) or die ("Нет такой таблицы");
$num = mysql_num_rows($result);
for($i=0; $i<$num; $i++)
{
$string = mysql_fetch_array($result);
$news_t = $string['news_t'];
$news = $string['news_desc'];
echo "
<div class='news_title'>
<a href=\"#news".$string['id']."\">$news_t</a>
<div class='news_date'>
<div class=\"date\">". $string['date']. "</div>
</div>
</div>
<div class='news_text'>
<div id=\"news-id-15\" style=\"display:inline;\"><img src=\"uploads/posts/2012-11/1354219184_nnrq.png\" style=\"float:left;\" alt=\"$news_t\" title=\"$news_t\"/><br>$news</div>
</div>
<br>
";
}
?>
//Конфиг админ
<?
$head = "head2";
$logo = "logo";
$site = array(
"name" => "Sport club", //Название вашего сервера
"title" => "Добро пожаловать", //Название сервера отоброжаеться во вкладке
"user" => "admin", //Логин администратора сайта
"password" => "admin", //Пароль администратора сайте
"realm_num" => "2", //Кол-во миров
"nick" => "Николай Смирнов", // Для вкладки помощи от администрации на сайте( отоброжаеться имя\ник и контактные данные мыло скайп или ася.
"social" => "телефон: +380990027270", // Смотрим выше!
);
$mysql = array(
"host" => "localhost:3306", //ip или хост вашего mysql сервера : порт вашего mysql сервера(обычно 3306)
"user" => "trinity", //пользователь вашего mysql сервера
"pass" => "trinity", //пароль от вашего mysql сервера
"db" => "db", //База данных сайта
"authhost" => "localhost",
"authuser" => "trinity", //пользователь вашего mysql сервера
"authpass" => "trinity", //пароль от вашего mysql сервера
"auth" => "auth", //База данных аккаунтов
);
$server[1] = array(
"host" => "localhost", // ip или хост мира
"user" => "trinity", //пользователь вашего mysql сервера на котором установлен игровой мир
"pass" => "trinity", //пароль от вашего mysql сервера на котором установлен игровой мир
"char" => "characters", //База данных персонажей
"dev" => false //true - выведет в статусе сообщение "В разработке" false - покажет информацию о реалме.
);
$server[2] = array(
"host" => "localhost", // ip или хост мира
"user" => "trinity", //пользователь вашего mysql сервера на котором установлен игровой мир
"pass" => "trinity", //пароль от вашего mysql сервера на котором установлен игровой мир
"dev" => true //true - выведет в статусе сообщение "В разработке" false - покажет информацию о реалме.
);
$server[3] = array(
"host" => "localhost", // ip или хост мира
"user" => "trinity", //пользователь вашего mysql сервера на котором установлен игровой мир
"pass" => "trinity", //пароль от вашего mysql сервера на котором установлен игровой мир
"dev" => true //true - выведет в статусе сообщение "В разработке" false - покажет информацию о реалме.
);
//Ниже ни чего НЕ ТРОГАЕМ!
$i = 1;
$connect = mysql_connect($mysql['host'], $mysql['user'], $mysql['pass']);
mysql_set_charset('utf8');
?>
Контрольні питання:
Що представляє собою форма, якими атрибутами вона володіє?
Форма (веб-форма, анг. Form) - гіпертекстовий контейнер, що дозволяє встановити зворотний зв'язок між відвідувачем веб-сторінки і веб-додатком.
Атрібути форм:
action (дія) - обов'язковий атрибут (в HTML5 - немає), що містить URI обробника форми;
method (метод відправки форми) - атрибут, який приймає значення GET (за замовчуванням) або POST;
enctype (тип кодування для вмісту) - за замовчуванням application / x-www-form-urlencoded (завжди для методу GET), але зазвичай вживається multipart / form-data;
accept - список MIME-типів для завантаження файлів;
name - ім'я форми;
onsubmit - обробник події «форма відправлена» (для скриптів);
onreset - обробник події: «форма очищена» (теж для скриптів);
accept-charset список підтримуваних наборів символів.
Яка різниця між GET і POST?
метод GET відправляє скрипту всю зібрану інформацію форми як частина.
метод POST передає дані таким чином, що користувач сайту вже зберіг.
Назвіть елементи керування формами й для чого вони використовуються?
управління даними передається програмі, заданої атрибутом action тега <form>.
Як отримати доступ до даних введених з форми на стороні сервера?
Через базу даних