Частина тексту файла (без зображень, графіків і формул):
Міністерство освіти і науки України
Національний технічний університет нафти і газу
Кафедра комп'ютерних систем та мереж
Лабораторна робота №8
Тема: Створення HTML форм для введення даних та пересилання їх на сервер для подальшого опрацювання
Мета: Ознайомитись з методами передачі даних на Web-сервер за допомогою HTML форма.
Хід виконання роботи:
Для першої форми я використала метод POST для передачі даних. Для створення текстових полів я використала тег <input type="text"> , незалежного перемикача - <input type="checkbox"> та для кнопки відправки - <input type="submit">. Далі зберегла даний документ з розширенням php.
Текст документа мовою Html:
<h2>Форма для формування замовлення </h2>
<form action="bookshop1.php" method=POST> <!>
<table align="left">
<tr>
<td>
<div align="right">
Назва <input type="text" name="name" maxlenght="20" size="25"><br>
Автор <input type="text" name="name" maxlenght="20" size="25"><br>
Ціна <input type="text" name="name" maxlenght="20" size="25"><br>
Рік видання <input type="text" name="name" maxlenght="20" size="25"><br>
<input type="checkbox">Кольорова <input type="checkbox"Чорно-біла>Чорно-біла<br>
Видавництво <input type="text" name="name" maxlenght="20" size="25"><br>
<br><input type="submit" value="Далі">
</div>
</td>
</tr>
</table>
</form>
Отриманий результат:
/
Для другої форми я використала метод Getдля передачі даних. Для створення текстових полів я використала тег <input type="text"> , для списку, що розкривається - <select name="… "> , та для кнопки відправки - <input type="submit">. Далі зберегла документ з розширенням php.
Текст документа
<h2>Форма для введення особистих даних </h2>
<form action="bookshop2.php" method="get">
<table align="left">
<tr>
<td>
<div align="right">
<br>Прізвище імя <input type="text" name="name" maxlenght="20" size="25">
<br>По-батькові <input type="text" name="name" maxlenght="20" size="25">
<br>Факультет <input type="text" name="name" maxlenght="20" size="25">
<br>Спеціальність <input type="text" name="name" maxlenght="20" size="25">
<br>Рік вступу на навчання <input type="text" name="name" maxlenght="20" size="25">
<br>Рік завершення навчання <input type="text" name="name" maxlenght="20" size="25">
<br><select class="input" type=text name="Стать">
<option value='Жіноча'>Жіноча</option>
<option value='Чоловіча'>Чоловіча</option>
</option>
</select>
<br><input type="submit" value="Відправити">
</div>
</td>
</tr>
</table>
</form>
Отриманий результат:
/
Висновок: на даній лабораторній роботі я ознайомилас з методами передачі даних на Web-сервер за допомогою HTML форм. З
Ви не можете залишити коментар. Для цього, будь ласка, увійдіть
або зареєструйтесь.
Ділись своїми роботами та отримуй миттєві бонуси!
Маєш корисні навчальні матеріали, які припадають пилом на твоєму комп'ютері? Розрахункові, лабораторні, практичні чи контрольні роботи — завантажуй їх прямо зараз і одразу отримуй бали на свій рахунок! Заархівуй всі файли в один .zip (до 100 МБ) або завантажуй кожен файл окремо. Внесок у спільноту – це легкий спосіб допомогти іншим та отримати додаткові можливості на сайті. Твої старі роботи можуть приносити тобі нові нагороди!