•enctype — необязательный атрибут. Указывает тип содержимого формы,используемый для определения формата кодирования при ее пересылке. В HTML определены два возможных значения для атрибута ENCTYPE:

oAPPLICATION/X-WWW-FORM-URLENCODED (используется по умолчанию).

o MULTIPART/FORM-DATA.

3. Тег INPUT и способы его использования

Элемент INPUT является наиболее употребительным тегом, т.к. с его помощью реализуются основные функции формы. Он позволяет создавать внутри формы поля ввода строки текста, имени файла, пароля и др.

Обратите внимание на особенность INPUT — у него нет конечного тега. Атрибуты и особенности использования INPUT зависят от способа его использования. Эти способы мы сейчас и рассмотрим.

Однострочные поля ввода

Наиболее часто используются поля ввода — ведь даже кнопка является полем ввода. Мы уже знакомы с полем ввода текстовой информации, поэтому обзор полей ввода начнем именно с текстового поля. Формат тега INPUT для создания поля ввода текстовой строки:

<input type=text name=имя_параметра [value=значение] [size=размер] [mахlеn=длина] >

Данный тег создает поле ввода с максимально допустимой длиной текста maxlen и размером в size знакомест. Если задан атрибут value, то в поле будет изначально отображаться указанная строка. В квадратных скобках помечены необязательные атрибуты.

Поле ввода пароля

Возможно, вы создаете какой-нибудь серьезный проект, требующий авторизации, то есть проверки имени пользователя и пароля. Конечно, имя пользователя можно ввести с помощью обыкновенного текстового поля. А вот как быть с паролем? Ведь он не должен отображаться на экране? В этом случае вам поможет поле ввода пароля:

<input type=password name=имя_параметра [value=значение] [size=размер] [mахlеn=длина] >

Принцип работы данного тега точно такой же, как и текстового. Разница заключается в том, что вводимая информация в поле не отображается, а заменяется «звездочками».

Следует иметь в виду, что не рекомендуется устанавливать значение value (значение по умолчанию) из соображений безопасности. Да, в окне браузера данное значение не отображается, но стоит просмотреть исходный HTML-код, пароль будет виден «невооруженным глазом».

Скрытое текстовое поле

Для передачи служебной информации (о которой пользователь даже не должен подозревать) используются скрытые поля. С помощью таких полей, например, могут передаваться параметры настройки.

<input type=hidden namе=имя valuе=значение

>

Такие поля передаются серверу, но на Web-странице не отображаются.

Независимые переключатели

Очень часто пользователю, заполняющему форму у себя в браузере, необходимо дать возможность указать свои настройки с помощью выбора определенных значений. При этом приводятся сами эти значения, а рядом с ними помещается небольшое квадратное поле, в котором можно установить, либо убрать галочку. При этом значение, соответственно, будет либо выбрано, либо нет (рис 2).

Рис. 2. Использование Независимых переключателей checkbox

Реализовать это можно опять же с помощью тега INPUT. Для этого только необходимо в качестве значения атрибута type указать checkbox:

<input type=checkbox name=имя value=значение

[checked]

>

Если переключатель был включен на момент нажатия кнопки отправки данных, то сценарию будет передан параметр имя=значение. Если же флажок выключен, то сценарию вообще ничего не будет передано — как будто нашего переключателя вообще нет.

Переключатель может быть по умолчанию либо включен, либо выключен. Чтобы переключатель был по умолчанию включен, необходимо /для него указать атрибут checked.

Переключатель checkbox называется независимым, так как его состояние не зависит от состояния других переключателей checkbox. Таким образом, в одной форме может быть одновременно выбрано несколько переключателей. Однако в HTML предусмотрен и такой переключатель, который зависит от други. Его мы и рассмотрим в следующем пункте.

Зависимые переключатели

Зависимый переключатель, так же как и независимый переключатель, может быть либо включен, либо выключен. При этом переключатель radio является зависимым переключателем, поскольку на форме может быть только один включенный

переключатель типа radio. Точнее, если в форме присутствует несколько одноименных зависимых переключателей, то включен из них может быть только один. При выборе одного переключателя все одноименные зависимые переключатели автоматически выключаются. В качестве имени переключателей воспринимается знамени, атрибута пате. Может быть только один активный переключатель. Рассмотрим такой пример, приведенный в листинге 1.

Листинг 1. Форма с зависимыми переключателями

<form action="http://localhost/sex.php" method="post"> <input type=radio

name=sex

value=male checked

> Мужчина

<input type=radio name=sex value=female

> Женщина

<input type=submit name=go valuе=Передать

>

</form>

В окне браузера наша форма будет выглядеть следующим образом (рис 3)

Рис. 3. Зависимые переключатели radio

Первый переключатель (со значением Male) активен по умолчанию (мы установили атрибут checked). Как только пользователь нажмет кнопку Передать, сценарию sex.php будет передан параметр sex (атрибут name обоих переключателей) со значением Male. Если же пользователь выберет другой вариант (female), сценарию будет передано соответствующее значение параметра sex.

Кнопка отправки формы

Последними элементами управления типа INPUT являются кнопки. Кнопка отправки служит для отправки сценарию введенных в форму значений. Синтаксис тега INPUT при этом таков:

<input type=submit [name=go] vа1ие=Передать

>

Атрибут value определяет текст, который будет написан на кнопке отправки. Атрибут name определяет имя кнопки и является необязательным. Если значение этого атрибута не указывать, то скрипту будут переданы введенные в форму значения и все.