- •Теги тела документа
- •Html-формы Из истории языка
- •1. Элементы языка html
- •2. Структура html-документа
- •Элемент Style
- •3. Теги тела документа
- •Теги управления разметкой
- •Списки в html
- •Комментарии
- •Гипертекстовые ссылки
- •Графика в html.
- •Средства описания таблиц в html
- •4. Html-формы Формы используются в www для передачи информации от клиента к серверу. Задание формы — тег form
- •Атрибут cols
- •Новые элементы в html5 формах
- •Новые атрибуты в html5 формах
- •Выбор даты
4. Html-формы Формы используются в www для передачи информации от клиента к серверу. Задание формы — тег form
Тег FORM определяет форму и границы использования других тегов, размещаемых в форме. Вутри пары <FORM> и </FORM> размещается последовательность тегов <INPUT>, которые формируют элементы для ввода информации пользователем. В форме используются атрибуты method и action. Формат контейнера <FORM> имеет вид
<FORM action=”URL” METHOD=”GET/POST”>
где URL – адрес ресурса , куда будет отослано содержимое формы. Если этот адрес отсутствует, то будет использован URL- адрес текущего документа.
METHOD=”GET/POST” – метод, используемый для отправки содержимого заполненной формы на сервер.
GET – содержимое формы пересылается в стартовой строке запроса.
POST – содержимое формы пересылается в теле запроса.
В форме создаются элементы управления для ввода информации пользователем. Каждый такой элемент должен иметь атрибут NAME, значение которого определяет имя этого элемента.
Информация, введення пользователем в элементы формы передается на сервер в виде
Имя_элемента=значение.
Элементы управления формы — тег <INPUT>
Данный тег используют для определения элемента для ввода информации пользователя. Вид элемента определяется значением атрибута TYPE.
Атрибут TYPE=text
Значение атрибута TYPE=text определяет в качестве элемента ввода однострочное текстовое поле. Размер поля может быть установлен атрибутом SIZE, например, SIZE=40 для 40-символьного поля. Пользователи могут вводить и больше символов, чем этот предел, но с текстовым скроллингом (пролистыванием) поля, чтобы курсор ввода оставался видимым. Верхний предел количества символов, вводимых в поле задается атрибутом MAXLENGTH. Атрибут NAME используется для наименования поля, а атрибут VALUE определяет инициализирует текстовую строку в поле, когда документ впервые загружен.
Атрибут TYPE=password
Значение атрибута TYPE=password определяет в качестве элемента ввода однострочное текстовое поле, аналогичное полю типа text, в котором вводимые символы отображаются “звездочками”. Такой тип элемента ввода обычно используют для ввода пароля.
Атрибут TYPE=hidden
Значение атрибута TYPE=hidden определяет в качестве элемента ввода скрытое текстовое поле, которое в форме не отображается и недоступно для ввода информации пользователем. Обычно такое поле используется для передачи на сервер какой-либо служебной информации.
Атрибут TYPE=checkbox
Значение атрибута TYPE=checkbox определяет в качестве элемента ввода флажок (checkbox). При отправке данных формы на сервер в качестве значения элемента ввода используется значение атрибута VALUE, но только в том случае если флажок ”установлен” (галочка внутри квадратика). Если флажок не установлен, то значение атрибута VALUE этого элемента ввода на сервер не передается.
Атрибут TYPE=radio
Значение атрибута TYPE=radio определяет в качестве элемента ввода радиокнопку (radiobutton). Обычно используется несколько радиокнопок с одинаковым именем (значеним атрибута NAME) и различными значениями атрибута VALUE. В этом случае при щелчке мышкой по одной из кнопок она переводится во включенное состояние (черная точка в середине конопки), а остальные кнопки переводятся в выключенное состояние. На сервер передается значение атрибута VALUE только выбранной кнопки.
Атрибут TYPE=image
Значение атрибута TYPE=image определяет в качестве элемента ввода кнопку-картинку, загружаемую из файла, указаного в качестве значения атрибута SRC. При щелчке мышкой по этой кнопке-картинке данные формы передаются серверу, при этом серверу сообщаются координаты x и y той точки на изображении, где был произведен щелчок клавишей мыши. Координаты отсчитываются от верхнего левого угла изображения. При этом информация о поле типа image записывается в виде двух пар значений name=value. Значение name получается посредством добавления к названию соответствующего поля суффиксов ".x" (абсциссы), и ".y" (ординаты).
Атрибут TYPE=reset
Значение атрибута TYPE=reset определяет в качестве элемента ввода кнопку, надпись на которой опеределяется значеним атрибута VALUE. При щелчке мышкой по этой кнопке все элементы формы переводяться в состояние ”по умолчанию”.
Атрибут TYPE=submit
Значение атрибута TYPE=submit определяет в качестве элемента ввода кнопку, надпись на которой опеределяется значеним атрибута VALUE. При щелчке мышкой по этой кнопке значения атрибутов VALUE всех элементов формы передаються на сервер.
Создание многострочных областей ввода текста — тег <TEXTAREA>
В зависимости от типа формы может потребоваться организовать ввод большого количества текста. В таких случаях используется тег <TEXTAREA> для создания текстового поля из нескольких строк. Данный тег использует три атрибута: COLS, NAME и ROWS.