Частина тексту файла (без зображень, графіків і формул):
МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ
НАЦІОНАЛЬНИЙ УНІВЕРСИТЕТ «ЛЬВІВСЬКА ПОЛІТЕХНІКА»
ІНСТИТУТ КОМП’ЮТЕРНИХ НАУК ТА ІНФОРМАЦІЙНИХ ТЕХНОЛОГІЙ
КАФЕДРА АВТОМАТИЗОВАНИХ СИСТЕМ УПРАВЛІННЯ
/
Лабораторна робота №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>
Результат виконання програми
/
Висновок
Під час виконання цієї лабораторної роботи я оволоділа практичними навичками створення елементів форм на сторінці.
Ви не можете залишити коментар. Для цього, будь ласка, увійдіть
або зареєструйтесь.
Ділись своїми роботами та отримуй миттєві бонуси!
Маєш корисні навчальні матеріали, які припадають пилом на твоєму комп'ютері? Розрахункові, лабораторні, практичні чи контрольні роботи — завантажуй їх прямо зараз і одразу отримуй бали на свій рахунок! Заархівуй всі файли в один .zip (до 100 МБ) або завантажуй кожен файл окремо. Внесок у спільноту – це легкий спосіб допомогти іншим та отримати додаткові можливості на сайті. Твої старі роботи можуть приносити тобі нові нагороди!