Формы на web-страницах
Учитель: Л.Л. Зиненко
МБОУ «Школа № 35»
Г. Нижний Новгород
Формы
- Формы в Интернете служат для сбора данных пользователя и отправки их на web-сервер
- Форма – это набор элементов управления (полей ввода текста, флажков, переключателей списков, кнопок и др.), размещённых на Web-странице
Создание форм
- Для задание формы нужно её объявить:
…..
Для пересылки результатов ответа пользователя на форму по электронной почте задаются атрибуты: action=mailto: адрес почты method=post
Пример:
Текстовые поля
- Для задания поля с вопросом тэг
…
С обязательным атрибутом “for” значением которого является имя поля.
Пример:
Сколько Вам лет?
Поле для ответа
- Для задания поля с ответом используют тег c обязательным атрибутом « type» значением которого, служит тип данных ответа
Значения атрибута type
- text – текстовый ответ (у тега input добавить обязательный атрибут id значением которого служит имя поля с вопросом)
Пример:
Сколько Вам лет?
Значения атрибута type
- radio – переключатели (выбор одного ответа из нескольких вариантов ответов)
У тега input указать обязательный атрибут name, значением которого служит имя поля ответа (у всех вариантов оно должно быть одинаковым)
Значения атрибута type
- radio
Пример:
Введите пол
М
Ж
Значения атрибута type
- checkbox – флажки (выбор нескольких ответов из нескольких вариантов ответов)
У тега input указать обязательный атрибут name, значением которого служит имя поля ответа (у всех вариантов оно должно быть одинаковым)
Значения атрибута type
- checkbox
Пример:
Экзамены по выбору ЕГЭ
обществознание
История
литература
физика
Значения атрибута type для создания кнопок
- reset – создание кнопки очистки ответов
У тега input указать обязательный атрибут value, значением которого служит название кнопки.
Пример:
Значения атрибута type для создания кнопок
- submit – создание кнопки отсылки по электронной почте
У тега input указать обязательный атрибут value, значением которого служит название кнопки.
Пример:
