Практическая информатика

       

Тип поля ввода, атрибут TYPE


Атрибут 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>




Содержание раздела