лаб11 Створення елементів форм на сторінці. Лабораторна робота з Веб технології та веб дизайн. Робота № 530496

лаб11 Створення елементів форм на сторінці

Інформація про навчальний заклад

ВУЗ:

Національний університет Львівська політехніка

Інститут:

Інститут комп’ютерних наук та інформаційних технологій

Факультет:

КН

Кафедра:

Кафедра автоматизованих систем управління

Інформація про роботу

Рік:

2018

Тип роботи:

Лабораторна робота

Предмет:

Веб технології та веб дизайн

Завантажити

Частина тексту файла (без зображень, графіків і формул):

МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ НАЦІОНАЛЬНИЙ УНІВЕРСИТЕТ «ЛЬВІВСЬКА ПОЛІТЕХНІКА» ІНСТИТУТ КОМП’ЮТЕРНИХ НАУК ТА ІНФОРМАЦІЙНИХ ТЕХНОЛОГІЙ КАФЕДРА АВТОМАТИЗОВАНИХ СИСТЕМ УПРАВЛІННЯ / Лабораторна робота №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> Результат виконання програми / Висновок Під час виконання цієї лабораторної роботи я оволоділа практичними навичками створення елементів форм на сторінці.

Лабораторна робота Веб технології та веб дизайн

vitavita

29.10.2018 22:40

Коментарі

Ви не можете залишити коментар. Для цього, будь ласка, або зареєструйтесь.

Ділись своїми роботами та отримуй миттєві бонуси!

поділитись