Создание HTML-форм.
Сейчас практически ни один сайт не обходится без элементов интерфейса вроде полей ввода текста, кнопок, переключателей и флажков. Они необходимы для взаимодействия с пользователем, чтобы он мог искать на сайте по ключевым словам, писать комментарии, отвечать на опросы, прикреплять фотографии и делать много других подобных вещей. Именно формы и обеспечивают получение данных от пользователя и передачу их на сервер, где они уже подвергаются анализу и обработке.
Формы в html - особый раздел в документе, который позволяет пользователю вводить информацию для последующей ее обработки. Формы являются самым удобным способом получения информации от пользователя. Та же форма обратной связи обеспечивает связь между пользователем и владельцем сайта. Заполнение своих анкетных данных при регистрации на сайте.
Для создания html-формы используется команда form. У нее могут быть следующие параметры:
- NAME - определяет имя формы, обычно не указывается. Применяется для идентификации формы, если в документе присутствует несколько форм.
- ACTION - обязательный параметр, он задает путь к скрипту, который будет запущен веб-сервером.
- METHOD - определяет способ отправки параметров формы. Принимает значение GET или POST.
- TARGET - определяет окно, в которое возвращается результат обработки отправленной формы. Возможные значения : _self, _parent, _top, _blank или явно указанное имя окна.
<form method=POST action=/cgi-bin/gb_show.exe> <input type=text name=text value="Значение по умолчанию" size=40> <input type=submit value=Опубликовать> </form> |
Здесь мы создали форму, которую будет обрабатывать программа gb_show.exe. Параметр method, указывает каким способом передаются параметры в программу gb_show.exe. Какой именно способ указывать, зависит от программы gb_show.exe, которая будет обрабатывать вашу html-форму. В этом параграфе вы должны научиться создавать формы в html-документе. Их использовать вы сможете после установки и настройки веб-сервера, но об этом во второй части книги.
Внутри команды form могут быть следующие элементы:
- поле ввода для строки
- поле ввода для пароля
- кнопки
- радиокнопки
- список
- поле ввода для текста
- checkbox - поле ввода для атрибутов типа Boolean
- рисунок
Флажок (checkbox)
Флажки checkbox предлагаю пользователю ряд вариантов, и разрешает выбор нескольких из них.
<input name="Имя переключателя" type="Тип" value="Значение">
Группа флажков состоит из элементов <input>, имеющих одинаковые атрибуты name и type(checkbox). Если вы хотите, чтобы элемент был отмечен по умолчанию необходимо пометить его как checked. Если элемент выбран, то сценарию поступит строка имя=значение, в противном случае в обработчик формы не придет ничего, т.е. не выбранные флажки вообще никак не проявляют себя в переданном наборе данных.
Пример:
<input name="mycolor" type="checkbox" value="red" checked>Красный(выбран по умолчанию)
<input name="mycolor" type="checkbox" value="blue">Синий
<input name="mycolor" type="checkbox" value="black">Черный
<input name="mycolor" type="checkbox" value="white">Белый
Дата добавления: 2016-04-23; просмотров: 545;