7.1.8. Кнопки reset та submit

Ці кнопки організовуються через завдання значення атрибуту type елемента <input> як reset або submit відповідно. Кнопка Reset дозволяє користувачеві очистити заповнені поля і перевести форму у початковий стан. Submit – дає команду браузеру відправити вміст форми за адресою, вказаною у атрибуті action елементу <form> .

7.2. Практична частина

1. Створити форму для заповнення анкети. Звернути увагу, що сторінка з анкетою зверстана у вигляді таблиці з невидимою рамкою.

2. Зберегти анкету в файлі lab7.html.

3. Створити поля для введення імені користувача і пароля користувача (символи, що вводяться в поле Пароль, повинні відображатися зірочками). Вставка полів здійснюється тегом <INPUT> з різними значеннями атрибута TYPE.

4. Створити поля для введення дати народження. День і місяць народження вибирається зі списку, а рік вводиться в ручну в поле введення, причому кількість символів, які вводять, не повинна перевищувати чотири. Для формування списку використовувати тег <SELECT>, а для задання обмеження на кількість символів використовувати атрибут MAXLENGTH тега <INPUT>.

5. Створити перемикачі для вибору статі. Реалізувати можливість вибору тільки одного варіанта. Використовувати тег <INPUT>.

6. Створити список з можливістю вибору Так чи Ні.

7. Створити перемикачі для вибору кількості листів, одержуваних на день.

8. Створити прапорці з можливістю вибору декількох елементів інтересів, причому два з них встановлені за замовчуванням.

9. Додати поле для введення декількох рядків тексту з додатковою інформацією про користувача. Поле повинно мати розміри 7 рядків і 30 стовпців. Для вставки такого поля використовуйте тег <textarea>.

10. Створити поле з кнопкою "Обзор" для завантаження файла зображення.

11. Створити дві кнопки. Першу для передачі даних форми на електронну поштову скриньку студента, а другу для очищення форми.

12. Додати посилання на файл lab7.html в файл index.html.

13. Показати і захистити виконану роботу викладачеві.

Ваше ім'я:
Пароль: (може містити тільки цифри і букви латинського алфавіту)
Дата реєстрації:			1			січеня		
Стать:			 чоловіча
			 жіноча
Бажаю регулярно отримувати спам на свою поштову скриньку							Так
							Ні
Скільки листів на день Ви зазвичай отримуєте?			 один-два
			 до 10
			 дуже багато
Вкажіть, яким комп'ютерним напрямом Ви захоплені?				Комп'ютерна графіка (дизайн)
				Проектування
				Програмування
				Набір тексту
				Ігри
				Спілкування в мережі
Ваші побажання до роботи поштової системи											
											
Аватарка (розміром 100 х 100)
									Обзор…
Відправити дані		Очистити форму

(при натисканні кнопки "Очистити форму" інформація з форми відправляється в електронну поштову скриньку студента)