Тэги форматирования документа

Определение формы	<FORM>
Ввод данных через форму	<INPUT>
Кнопка	<INPUT TYPE="BUTTON">
Поле для выбора элемента в виде установки флажка в маленьком квадратике	<INPUT TYPE="CHECKBOX">
Ввод файла	<INPUT TYPE="FILE">
Ввод невидимого элемента	<INPUT TYPE="HIDDEN">
Вставка изображения в форму, используется как кнопка	<INPUT TYPE="IMAGE">

Формы

С помощью форм в HTML создаются интерфейсные элементы такие как: тестовые поля, кнопки, радио кнопки, чек боксы, выпадющий списки и т.д. Все элементы формы должны находиться внутри тэгов <FORM>...</FORM>

<FORM>Определение формы

Синтаксис <FORM>:
<FORM
ACTION="URLсервера"	URL серверной программы обработки формы.
ENCTYPE="ТипКодировки"	определяет MIME кодирования посылаемых данных: "application/x-www-form-urlencoded" (по умолчанию), обычно используется, когда атрибут METHOD принимает значение POST "multipart/form-data" используется, когда форма содержит загружаемый файл (INPUT TYPE="FILE").
METHOD=""	указывает форме, как послать информацию соответствующей программе обработки: GET (по умолчанию) - данные посылаются вместе с URL, доступная приемником через переменную окружения QUERY_STRING POST - данные посылаются отдельно от URL, длина данных определяется переменной окружения CONTENT_LENGTH
NAME="ИмяФормы"	Задает имя формы, может использоваться JavaScript для идентификация формы.
ONRESET="яваСкриптКод"	JavaScript код выполняемый при очистки формы, нажатии кнопки RESET.
ONSUBMIT="яваСкриптКод"	JavaScript код выполняемый при принятии формы, нажатии кнопки SUBMIT. Выполняется до отправки формы. Если в функции обработки return возвращает false, данные не посылаются.
TARGET="ИмяОкна">	Окно для отображения результатов выполнения программы обработки формы.

<INPUT>Ввод данных через форму
Тэг INPUT позволяет пользователю через форму вводить информацию для последующей ее обработки программой сервером.

<INPUT>:

<INPUT TYPE=

"BUTTON"	Создание кнопки
"CHECKBOX"	Позволяет вывести поле для установки флажка в виде маленького квадратика
"FILE"	Отправка файла через форму
"HIDDEN"	Невидимый текстовый элемент
"IMAGE"	Помещает изображение используемое как кнопка
"PASSWORD"	Текстовое поле для ввода пароля, скрывает вводимые символы
"RADIO"	Переключатель, позволяет выбрать только одну из представленного числа опций.
"RESET"	Создает кнопку для очистки формы. После ее нажатия все элементы формы принимают значения по умолчанию,
"SUBMIT"	Используется для создания кнопки, по нажатию которой введенные данные отправляются на сервер для обработки программой-скриптом.
"TEXT">	Используется по умолчанию, создает текстовое поле.

<INPUT TYPE="BUTTON">Кнопка

Кнопка:
<INPUT TYPE="BUTTON"
NAME="ИмяКнопки"	Имя кнопки, на экране не высвечивается.
VALUE="ТекстНаКнопке"	Надпись на кнопке.
ONCLICK="Яваскрипт"	JavaScript код выполняемый по нажатию кнопки.
Пример:
<FORM> <INPUT TYPE="button" VALUE= " PRESS " onClick="alert('Hello');"> </FORM>

<INPUT TYPE="CHECKBOX">Поле для выбора элемента в виде установки флажка в маленьком квадратике.

CHECKBOX:

<INPUT TYPE="CHECKBOX"

CHECKED

Указывает, что данный элемент выбран, устанавливает флажок.

NAME="ИмяCHECKBOX"

Имя элемента CHECKBOX, на экране не высвечивается.

ONCLICK="Яваскрипт"

JavaScript код выполняемый по событию: клик на CHECKBOX.

VALUE="возвращаемоеЗначение"

Значение возвращаемое CHECKBOX при отсылки формы, по умолчанию ON.

Пример:

<FORM>
<INPUT TYPE="CHECKBOX" VALUE= "cos">Космонавтом
<INPUT TYPE="CHECKBOX" VALUE= "phys">Физиком
<INPUT TYPE="CHECKBOX" VALUE= "mathem">Математиком
</FORM>

<INPUT TYPE="FILE">Ввод файла

<FILE>:
<INPUT TYPE="FILE"
NAME="имяЭлемента"	Имя элемента INPUT.
VALUE="имяфайла"	Начальное значение элемента INPUT.
Если форма содержит в качестве передаваемых данных файл, то значение атрибута ENCTYPE тэга FORM должно быть "multipart/form-data".
Пример:
<FORM ENCTYPE="multipart/form-data" ACTION="/cgi-bin/example.cgi" METHOD="POST"> <P>File name: <INPUT TYPE="file"> </FORM> File name:

<INPUT TYPE="HIDDEN">Невидимый элемент

<INPUT TYPE="HIDDEN">:
<INPUT TYPE="HIDDEN">	Невидимый элемент, данные, которые пользователь не должен набирать.
NAME="имяЭлемента"	Имя элемента INPUT.
VALUE="значение"	Данные.
Пример:
<FORM NAME="Form" METHOD=POST ACTION="/cgi-bin/example.cgi"> <P>Подписка на рассылку (email): <INPUT TYPE="distribution" NAME="email" SIZE="18" VALUE="@domain.ru"> <INPUT TYPE="hidden" NAME="Author" VALUE="madi@mail.ru"> </FORM> Подписка на рассылку (email):

<INPUT TYPE="IMAGE">Вставка изображения в форму, используется как кнопка.

<INPUT TYPE="IMAGE">:
<INPUT TYPE="IMAGE"	Вставляет свободное пространство в документе.
ALIGN="LEFT"\|"RIGHT"\|"TOP"\|"ABSMIDDLE"\|"ABSBOTTOM"\| "TEXTTOP"\|"MIDDLE"\|"BASELINE"\|"BOTTOM"	Выравнивание изображения по отношению к окружающему его тексту. По умолчанию - BOTTOM. Более подробнее смотрите <IMG> (ALGIN)
NAME="имя"	Имя элемента INPUT.
SRC="location"	Высота пустого прямоугольника в пикселях.
Пример:

Определение формы	<FORM>
Ввод данных через форму	<INPUT>
Кнопка	<INPUT TYPE="BUTTON">
Поле для выбора элемента в виде установки флажка в маленьком квадратике	<INPUT TYPE="CHECKBOX">
Ввод файла	<INPUT TYPE="FILE">
Ввод невидимого элемента	<INPUT TYPE="HIDDEN">
Вставка изображения в форму, используется как кнопка	<INPUT TYPE="IMAGE">

Титульная страница | Структура

Автор: Абдулгафаров Мади