Идёт загрузка страницы...

htp://aptem.net.ru






Соображения:

"За что люблю англичан"
"Возьми с собой в дорогу"
"Дизайн vs Контент"
"Идеология HTML"

С чего начать

Введение
Структура HTML документов

"Шапка" документа

Заголовок
HEAD
TITLE
BASE
STYLE
LINK
META

Фреймы
FRAMESET
FRAME
NOFRAMES

Скрипты
SCRIPT
NOSCRIPT

Навигационные карты
MAP
AREA

Тело документа

BODY

Гиперссылки
A

Текстовые блоки
H1,H2,...H6
P
DIV
ADDRESS
BLOCKQUOTE
BR
HR
PRE
LISTING, PLAINTEXT, XMP

Форматирование текста
BASEFONT
FONT
I
EM
B
STRONG
U
S, STRIKE
BIG
SMALL
SUP
SUB
CODE, SAMP
TT
KBD
VAR
CITE

Списки
UL
OL
LI
MENU, DIR
DL
DT
DD

Объекты
IMG
EMBED
NOEMBED
APPLET
PARAM

Таблицы
TABLE
CAPTION
TR
TD и TH
Примеры таблиц

Формы
FORM
TEXTAREA
SELECT
OPTION
INPUT

Это вам пригодится:

Таблица базовых цветов
Таблица MIME-типов
Спецсимволы в HTML
FAQ
Полезные линки





 
HTML-cправочник » Тело документа » Формы » Элемент INPUT

INPUT

(HTML 2.0) - Input
Элемент INPUT создает поле формы (кнопку, поле ввода, чекбокс и т.п.), содержание которого может быть изменено или активизировано пользователем. Элемент не имеет конечного тэга. Элемент INPUT должен располагаться внутри элемента FORM.


Параметры:

NAME - определяет имя, используемое при передаче содержания данной формы на сервер. Этот параметр необходим для большинства типов (параметр TYPE - cм. ниже) элемента INPUT и обычно используется для идентификации поля или для группы полей, связанных логически.

TYPE - определяет тип поля для ввода данных. По умолчанию - это "text". Возможные значения:

    text - создает поле ввода под одну строку текста. Как правило используется совместно с параметрами SIZE и MAXLENGTH.
    textarea - создает поле ввода для текста в несколько строк. Но для этих целей лучше использовать элемент TEXTAREA
    file - дает возможность пользователю приобщить файл к текущей форме. Возможно использование совместно с параметром ACCEPT.
    password - создает поле ввода под одну строку, однако текст, вводимый пользователем, отображается в виде значков "*", скрывая тем самым его содержание от любопытных глаз.
    checkbox - создает поле ввода для атрибутов типа Boolean ("да"/"нет") или для атрибутов, которые могут одновременно принимать несколько значений. Эти атрибуты представляют собой несколько полей CHECKBOX, которые могут иметь одинаковые имена. Каждое выбранное поле CHECKBOX создает отдельную пару name/value в информации, посылаемой на сервер, даже если результатом будут дублирующиеся имена. Поле типа CHECKBOX обязательно должно иметь параметры NAME и VALUE, а также необязательный атрибут CHECKED, который указывает на то, что поле активизировано.
    radio - создает поле ввода для атрибутов, которые принимают одно значение из нескольких возможных. Все кнопки (radio buttons) в группе должны иметь одинаковые имена, но только выбранная кнопка в группе создает пару name/value, которая будет послана на сервер. Как и для полей CHECKBOX, атрибут CHECKED необязателен; он может быть использован для определения выделенной кнопки в группе кнопок (radio button).
    submit - создает кнопку, при нажатии которой заполненная форма посылается на сервер. Параметр VALUE в данном случае изменяет надпись на кнопке, содержание которой, заданное по умолчанию, зависит от браузера. Если параметр NAME указан, то при нажатии данной кнопки к информации, посылаемой на сервер, добавляется пара name/value, указанная для для параметра SUBMIT, в противном случае пара не добавляется.
    image - создает графический образ для кнопки, инициализирующей передачу данных на сервер. Местонахождение графического изображения можно задать с помощью параметра SRC. При передаче данных серверу сообщаются координаты x и y той точки на изображении, где был произведен щелчок клавишей мыши. Координаты измеряются из верхнего левого угла изображения. При этом информация о поле типа image записывается в виде двух пар значений name/value. Значение name получается посредством добавления к названию соответствующего поля IMAGE суффиксов ".x" в случае абсциссы, и ".y" в случае ординаты.
    reset - создает кнопку, перезагружающую поля формы к их первоначальным значениям. Надпись на кнопке может быть изменена с помощью параметра VALUE. По умолчанию надпись на кнопке зависит от браузера.
    hidden - поля этого типа не отображаются на экране монитора, что позволяет разместить "секретную" информацию в рамках формы. Содержание этого поля посылается на сервер в виде name/value вместе с остальной информацией формы. Этот тип может быть использован для передачи информации о взаимодействии клиент/сервер.
    button - позволяет создать кнопку в HTML документе, что добавляет функции при использовании Visual Basic Script или Java Script. Параметр NAME позволяет задать имя данной кнопке, которое может быть использовано для какой-либо функции в скрипте. Параметр VALUE позволяет задать текст, который будет отображен на кнопке в документе.

ACCEPT - конкретизирует тип файла. Используется только совместно с пара-метром TYPE="file". Значение задается в виде MIME.

VALUE - задает текстовый заголовок для полей любого типа, в том числе и кнопок. Для типов, имеющих значение вида Boolean (отмеченный или неотмеченный), таких как checkbox или radio, будет возвращено значение, заданное в параметре VALUE.

CHECKED - указывает, что поля типов checkbox и/или radio (см. выше параметр TYPE) активизированы.

SIZE - определяет размер поля в символах. Например, чтобы определить поле с видимой шириной в 24 символа, надо указать SIZE="24".

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

SRC - задает URL-адрес картинки, используемой при создании графической кнопки, инициирующей передачу данных. Используется совместно с параметром TYPE="image".

ALIGN - определяет способ вертикального выравнивания для изображений. Используется совместно с параметром TYPE="image". Полностью аналогичен параметру ALIGN элемента IMG. По умолчанию имеет значение bottom.


Пример 1:
<FORM NAME="Form1" ACTION="http://www.igf.ru/cgi-bin/banya.pl">
    <INPUT TYPE="hidden" NAME="info" VALUE="Запись в баню на воскресенье">
    <INPUT TYPE="radio" NAME="sex" VALUE="Male" CHECKED> Мужик<BR>
    <INPUT TYPE="radio" NAME="sex" VALUE="Female"> Баба<BR>
    Имя:<BR>
    <INPUT TYPE="text" NAME="textfield" VALUE="Вася Пупкин" SIZE="30" MAXLENGTH="60"><BR>
    Пароль:<BR>
    <INPUT TYPE="password" WIDTH="10" NAME="passwd"><BR><BR>
    <INPUT TYPE="submit" VALUE="Запулить">
</FORM>



Пример 2:
Хочу получать следующие издания:<br>
<FORM NAME="Form2" ACTION="http://www.igf.ru/cgi-bin/magazines.pl">
    <INPUT TYPE="checkbox" NAME="m1">Страшная газета<br>
    <INPUT TYPE="checkbox" NAME="m2">6 соток<BR>
    <INPUT TYPE="checkbox" NAME="m3" CHECKED>Мурзилка<BR>
    <INPUT type="image" src="img/button.gif" WIDTH="60" HEIGHT="30">
</FORM>








Перейти к разделу "Учебники по HTML"