Атрибут TYPE тега <INPUT> может принимать следующие значения.
Атрибут | Назначение |
---|---|
TEXT |
Является значением по умолчанию и предполагает создание одной строки для ввода
данных. Для этого типа поля ввода употребляются атрибуты NAME (обязательный),
SIZE, VALUE и MAXLENGTH |
PASSWORD | Позволяет
заменять вводимые символы пароля звездочками. Для этого типа поля ввода используются
атрибуты NAME (обязательный), SIZE, MAXLENGTH и VALUE |
CHECKBOX |
Позволяет вывести поле для установки флажка в виде маленького квадратика, в котором
может быть произведена отметка опции "галочкой". Может использоваться совместно
с атрибутами NAME (обязательный), VALUE и CHECKED (определяет
установленный по умолчанию флажок). Флажки обычно употребляются, когда можно выбрать
сразу несколько опций из числа предложенных. Нужно быть очень осторожным в использовании флажков и переключателей, если цвет фона страницы определяется не документом, а пользователем при помощи установок программы просмотра. Не допускайте, чтобы опции сливались с фоном страницы |
RADIO |
Позволяет выбрать только одну из представленного числа опций. Переключатели можно
группировать, задавая одно и то же значение атрибута NAME (обязательный).
Так же используются атрибуты VALUE и CHECKED |
RESET |
Позволяет создать кнопку для очистки формы. Атрибут VALUE может быть
использован здесь для наименования этой кнопки (по умолчанию кнопка имеет надпись
Reset) |
SUBMIT | Используется
для создания кнопки, по нажатию которой введенные данные отправляются на сервер
для обработки программой-скриптом. В атрибуте VALUE может быть указано
название для этой кнопки (по умолчанию -- Submit Query) |
Пример
В следующей форме используется значение TEXT.
<HTML> <BODY> <FORM> Введите номер телефона: <INPUT TYPE="TEXT" NAME="phone" SIZE="15" MAXLENGTH="12"> </FORM> </BODY> </HTML>
Пример
Использование значения PASSWORD.
<HTML> <BODY> <FORM> Введите секретное слово: <INPUT TYPE="password" NAME="secret_word" SIZE="30" MAXLENGTH="30"> </FORM> </BODY> </HTML>
Пример
Использование значения CHECKBOX.
<HTML> <BODY> <FORM> <INPUT TYPE="checkbox" NAME="checkbox1" VALUE="checkbox_value1"> Вариант <BR> <INPUT TYPE="checkbox" NAME="checkbox2" VALUE="checkbox_value2" CHECKED> Предварительно выбранный вариант </FORM> </BODY> </HTML>
Пример
В этом
примере две формы расположены в соседних ячейках таблицы.
<HTML> <BODY> <TABLE ALIGN=center BORDER CELLSPACING=10> <TR> <TD> Форма 1: <FORM> <INPUT TYPE="radio" NAME="choice" VALUE="choice1"> yes. <INPUT TYPE="radio" NAME="choice" VALUE="choice2"> no. </FORM> </TD> <TD> Форма 2: <FORM> <INPUT TYPE="radio" NAME="choice" VALUE="choice1" CHECKED> yes. <INPUT TYPE="radio" NAME="choice" VALUE="choice2"> no. </FORM> </TD> </TR> </TABLE> </BODY> </HTML>
Пример
В следующей форме используется значение RESET.
<HTML> <BODY> <FORM> <INPUT TYPE="reset"> <BR> <INPUT TYPE="reset" VALUE="Очистить форму!"> </FORM> </BODY> </HTML>
Пример
Использование значения SUBMIT.
<HTML> <BODY> <FORM> <TEXTAREA> Какой-то текст </TEXTAREA> <BR> <INPUT TYPE="submit" VALUE="Отослать данные!"> </FORM> </BODY> </HTML>