Частина тексту файла (без зображень, графіків і формул):
Міністерство освіти і науки України
Національний технічний університет нафти і газу
Кафедра комп'ютерних систем та мереж
Лабораторна робота №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 форм. З