МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ НАЦІОНАЛЬНИЙ УНІВЕРСИТЕТ «ЛЬВІВСЬКА ПОЛІТЕХНІКА» ІНСТИТУТ КОМП’ЮТЕРНИХ НАУК ТА ІНФОРМАЦІЙНИХ ТЕХНОЛОГІЙ КАФЕДРА АВТОМАТИЗОВАНИХ СИСТЕМ УПРАВЛІННЯ / Лабораторна робота №11 з дисципліни ' Веб-технології та веб-дизайн ' на тему: ' Створення елементів форм на сторінці ' Лабораторна робота №11 Тема роботи: Створення елементів форм на сторінці. Мета роботи: Оволодіти навиками роботи з формами. Порядок виконання роботи 1.Ознайомтеся з текстом лабораторної роботи. 2.Відкрийте WEB-браузер Internet Explorer, запустіть програму створену на першій лабораторній роботі. 3.В Internet Explorer’ і зайдіть в меню View\Source або на інформативному полі клацніть правою клавішею миші і виберіть пункт View\Source. 4.Перед вами запуститься програма Notepad, і ви можете добавляти текст і нові дескриптори, що запропоновані вище, в тіло вашого HTML-документу. 5.Створіть таблицю 5*6 (див. завдання). 6.По завершені роботи збережіть свій файл для подальшого використання на наступних лабораторних роботах. Постановка завдання: 1.Створіть форму типу text, розмір форми задайте достатній для запису призвища. 2.Також створіть форм у для запису імені. 3.Створіть елементи форми для відображення на сторінці Ваших анкетних даних. 4.Створіть кнопки RESET та SUBMIT. Код програми: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Анкета</title> </head> <body bgcolor="#add8e6" text="black" background="forest_sky_fog_mountains_110519_1366x768.jpg" link="#7fff00" vlink="white" alink="red" > <h2><center>Заповніть вашу анкету</center></h2> <hr width="50%"> <div align="center"> <form> <p> <label for="name"><strong>Ваше ім'я:</strong></label> <input id="name" type="text" placeholder="Ваше ім'я?" required> </p> <p> <label for="secondname"><strong>Ваше прізвище:</strong></label> <input id="secondname" type="text" placeholder="Ваше прізвище?" required> </p> <p> <label for="email"><strong>Email:</strong></label> <input id="email" type="email" placeholder="Ваш email?" required> </p> <p> <label for="pol"><strong>Статут:</strong></label> <input id="pol" type="radio" name="pol">Жінка <input type="radio" name="pol">Чоловік </p> <p> <label for="phone"><strong>Номер телефону:</strong></label> <input id="phone" type="tel" placeholder="Ваш телефон?" maxlength="12"> </p> <p> <label for="dr"><strong>Дата народження:</strong></label> <input id="dr" type="date" name="dr"> </p> <p> <label for="city"><strong>Ваше місто:</strong></label> <select id="city" name="city"> <option disabled selected>Виберіть місто</option> <option value="city1">Львів</option> <option value="city2">Київ</option> <option value="city3">Одеса</option> <option value="city4">Харків</option> <option value="city5">Дніпро</option> <option value="city6">Запоріжжя</option> <option value="city7">Вінниця</option> <option value="city1">Херосн</option> <option value="city2">Полтава</option> <option value="city3">Черкаси</option> <option value="city4">Чернівці</option> <option value="city5">Суми</option> <option value="city6">Івано-Франківськ</option> <option value="city7">Тернопіль</option> <option value="city7">Ужгород</option> </select> </p> <p> <label for="text"><strong>Повідомлення:</strong></label> <textarea id="text" name="text" cols="45" rows="8" placeholder="Повідомленя..."></textarea> </p> <p> <label for="sub"><strong>Отримати лист:</strong></label> <input id="sub" type="checkbox" name="sub">Терміново <input type="checkbox" name="sub">Не терміново </p> <p> <input type="submit" value="OK"> <input type="reset" value="Cansel"> </p> </form> </div> </body> </html> Результат виконання програми / Висновок Під час виконання цієї лабораторної роботи я оволоділа практичними навичками створення елементів форм на сторінці.