![Формы на web-страницах Учитель: Л.Л. Зиненко МБОУ «Школа № 35» Г. Нижний Новгород](http://fsd.intolimp.org/html/2017/02/07/i_5899b2c3725db/img_php9MhdNR_Formy-na-web-stranicah_0.jpg)
Формы на web-страницах
Учитель: Л.Л. Зиненко
МБОУ «Школа № 35»
Г. Нижний Новгород
![Формы](http://fsd.intolimp.org/html/2017/02/07/i_5899b2c3725db/img_php9MhdNR_Formy-na-web-stranicah_1.jpg)
Формы
- Формы в Интернете служат для сбора данных пользователя и отправки их на web-сервер
- Форма – это набор элементов управления (полей ввода текста, флажков, переключателей списков, кнопок и др.), размещённых на Web-странице
![Создание форм Для задание формы нужно её объявить: ….. Для пересылки результатов ответа пользователя на форму по электронной почте задаются атрибуты: action=mailto: адрес почты method=post Пример:](http://fsd.intolimp.org/html/2017/02/07/i_5899b2c3725db/img_php9MhdNR_Formy-na-web-stranicah_2.jpg)
Создание форм
- Для задание формы нужно её объявить:
…..
Для пересылки результатов ответа пользователя на форму по электронной почте задаются атрибуты: action=mailto: адрес почты method=post
Пример:
![Текстовые поля Для задания поля с вопросом тэг … С обязательным атрибутом “for” значением которого является имя поля. Пример: Сколько Вам лет?](http://fsd.intolimp.org/html/2017/02/07/i_5899b2c3725db/img_php9MhdNR_Formy-na-web-stranicah_3.jpg)
Текстовые поля
- Для задания поля с вопросом тэг
…
С обязательным атрибутом “for” значением которого является имя поля.
Пример:
Сколько Вам лет?
![Поле для ответа](http://fsd.intolimp.org/html/2017/02/07/i_5899b2c3725db/img_php9MhdNR_Formy-na-web-stranicah_4.jpg)
Поле для ответа
- Для задания поля с ответом используют тег c обязательным атрибутом « type» значением которого, служит тип данных ответа
![Значения атрибута type text – текстовый ответ (у тега input добавить обязательный атрибут id значением которого служит имя поля с вопросом) Пример: Сколько Вам лет?](http://fsd.intolimp.org/html/2017/02/07/i_5899b2c3725db/img_php9MhdNR_Formy-na-web-stranicah_5.jpg)
Значения атрибута type
- text – текстовый ответ (у тега input добавить обязательный атрибут id значением которого служит имя поля с вопросом)
Пример:
Сколько Вам лет?
![Значения атрибута type radio – переключатели (выбор одного ответа из нескольких вариантов ответов) У тега input указать обязательный атрибут name, значением которого служит имя поля ответа (у всех вариантов оно должно быть одинаковым)](http://fsd.intolimp.org/html/2017/02/07/i_5899b2c3725db/img_php9MhdNR_Formy-na-web-stranicah_6.jpg)
Значения атрибута type
- radio – переключатели (выбор одного ответа из нескольких вариантов ответов)
У тега input указать обязательный атрибут name, значением которого служит имя поля ответа (у всех вариантов оно должно быть одинаковым)
![Значения атрибута type radio Пример: Введите пол М Ж](http://fsd.intolimp.org/html/2017/02/07/i_5899b2c3725db/img_php9MhdNR_Formy-na-web-stranicah_7.jpg)
Значения атрибута type
- radio
Пример:
Введите пол
М
Ж
![Значения атрибута type checkbox – флажки (выбор нескольких ответов из нескольких вариантов ответов) У тега input указать обязательный атрибут name, значением которого служит имя поля ответа (у всех вариантов оно должно быть одинаковым)](http://fsd.intolimp.org/html/2017/02/07/i_5899b2c3725db/img_php9MhdNR_Formy-na-web-stranicah_8.jpg)
Значения атрибута type
- checkbox – флажки (выбор нескольких ответов из нескольких вариантов ответов)
У тега input указать обязательный атрибут name, значением которого служит имя поля ответа (у всех вариантов оно должно быть одинаковым)
![Значения атрибута type checkbox Пример: Экзамены по выбору ЕГЭ обществознание История литература физика](http://fsd.intolimp.org/html/2017/02/07/i_5899b2c3725db/img_php9MhdNR_Formy-na-web-stranicah_9.jpg)
Значения атрибута type
- checkbox
Пример:
Экзамены по выбору ЕГЭ
обществознание
История
литература
физика
![Значения атрибута type для создания кнопок reset – создание кнопки очистки ответов У тега input указать обязательный атрибут value, значением которого служит название кнопки. Пример:](http://fsd.intolimp.org/html/2017/02/07/i_5899b2c3725db/img_php9MhdNR_Formy-na-web-stranicah_10.jpg)
Значения атрибута type для создания кнопок
- reset – создание кнопки очистки ответов
У тега input указать обязательный атрибут value, значением которого служит название кнопки.
Пример:
![Значения атрибута type для создания кнопок submit – создание кнопки отсылки по электронной почте У тега input указать обязательный атрибут value, значением которого служит название кнопки. Пример:](http://fsd.intolimp.org/html/2017/02/07/i_5899b2c3725db/img_php9MhdNR_Formy-na-web-stranicah_11.jpg)
Значения атрибута type для создания кнопок
- submit – создание кнопки отсылки по электронной почте
У тега input указать обязательный атрибут value, значением которого служит название кнопки.
Пример: