Кнопка reset

При нажатии на кнопку RESET, данные формы возвращаются в первоначальное значение. Как правило, эту кнопку применяют для очистки введенной в полях формы информации.

Синтаксис создания указанной кнопки прост и похож на другие кнопки.

<INPUT TYPE="reset"> <BUTTON TYPE="reset">Надпись на кнопке</button>

В примере на рис. 2.37 показана форма с одним текстовым полем, которое уже содержит предварительно введенный текст с помощью параметра value тега <INPUT>. После изменения текста и нажатия на кнопку «Очистить», значение поля будет восстановлено и в нем снова появится надпись «Введите текст».

Р ис. 2.37. Кнопка для очистки формы

Если на кнопке, созданной с помощью тега <INPUT> опустить атрибут VALUE, на кнопке по умолчанию будет добавлен текст «Сброс» или «Reset».

Кнопка с изображением

Кнопка с изображением аналогично по действию кнопке SUBMIT, но представляет собой рисунок. Это расширяет возможности дизайнерских изысков по оформлению формы. Когда пользователь нажимает на рисунок, данные формы отправляются на сервер и обрабатываются программой, заданной параметром ACTION тега <FORM>.

Изображение в форме создается следующим образом.

<INPUT TYPE="image">

Параметры перечислены в табл. 2.8.

Табл. 2.8.

Параметры поля с изображением

Параметр	Описание
ALIGN	Определяет выравнивание изображения.
ALT	Альтернативный текст для кнопки с изображением.
BORDER	Толщина рамки вокруг изображения в пикселах.
NAME	Имя поля для обращения к нему из скриптов или для получения значения обработчиком формы.
SRC	URL-адрес графического файла, изображение которого должно использоваться в качестве фона

На рис. 2.38 показано использование поля с изображением.

Р ис. 2.38. Кнопка с изображением

2.7.2.9. Поле отправки файла

Для того чтобы можно было отправить на сервер файл, используется специальное поле. Такой элемент формы отображается как текстовое поле, рядом с которой располагается кнопка Обзор. При нажатии на эту кнопку открывается окно для выбора файла, где можно указать, какой файл пользователь желает использовать.

Синтаксис поля для отправки файла следующий.

<input type="file" параметры>

Атрибуты для элемента управления перечислены в табл. 2.9.

Табл. 2.9.

Атрибуты поля для отправки файла

Атрибут	Описание
SIZE	Ширина текстового поля, которое определяется числом символов моноширинного шрифта.
MAXLENGTH	Устанавливает максимальное число символов, которое может быть введено пользователем в текстовом поле.
NAME	Имя поля, используется для его идентификации обработчиком формы.
ID	Идентификатор элемента управления для обращения к нему из скриптов или для получения значения обработчиком формы.

Создание поля для отправки файла показано на рис. 2.39.

Р ис. 2.39. Создание поля для отправки файла

Результат данного примера показан ниже.

Параметр формы enctype со значением multipart/form-data нужен для корректной передачи файла. Если его не указать, будет передан лишь путь к файлу.

Поскольку графические файлы занимают относительно большой объем данных, их следует отправлять на сервер с помощью метода POST, как показано в примере.