Дескрипторы ввода данных

Поля ввода

Текст

Текстовые поля имеют одну строку, предназначенную для ввода пользователем информации.

ü Для создания текстового поля используется дескриптор <input> с атрибутом type, равным text.

<input type=”text”>

ü С помощью атрибута name элементу управления присваивается имя

<input type=”text” name=”firstname”>

ü Размером текстового поля можно управлять с помощью атрибутов:

o Size. Длина текстового поля в символах.

o Maxlength. Максимальное количество символов, которое пользователь может ввести в поле.

Пароли

Поле вода пароля представляет собой обычное текстовое поле, в котором не отображаются вводимые пользователем символы. Вместо них отображаются специальные маркеры, такие как точки или звездочки, так что вводимый пароль становится невозможно подсмотреть.

ü Для ввода пароля используется дескриптор <input> с атрибутом type, равным password.

<input type=” password”>

ü С помощью атрибута name элементу управления присваивается имя

<input type=” password” name=”pasw”>

ü Размером текстового поля можно управлять с помощью атрибутов:

o Size. Длина пароля в символах.

o Maxlength. Максимальное количество символов пароля , которое пользователь может ввести в поле.

Флажки, переключатели, раскрывающиеся списки

Если для ввода пользователю доступно несколько предопределенных значений, их можно явно задать и дать пользователю возможность выбора. Для этого используются два типа дескрипторов:

ü Флажки. Пользователь получает возможность выбора нескольких предопределенных значений.

ü Переключатели. Пользователь может выбрать только одно из предопределенных значений.

ü Раскрывающиеся списки. Пользователю предоставляется возможность выбора из большого числа вариантов.

Для создания элементов флажков нужно выполнить следующие действия

ü Использовать дескриптор <input>, в котором атрибуту type присвоено значение checkbox.

ü Определить каждый из вариантов выбора с помощью следующих атрибутов:

o атрибут name содержит имя варианта выбора;

o атрибут value содержит возвращаемое в форму значение при выборе пользователем данного варианта;

o для определения значения элемента, принятого по умолчанию, используется атрибут checked. Этот вариант при загрузке формы будет выделенным.

Для создания элементов переключателей нужно выполнить следующие действия

ü Использовать дескриптор <input>, в котором атрибуту type присвоено значение radio.

ü Определить каждый из вариантов выбора с помощью следующих атрибутов:

o атрибут name содержит имя варианта выбора;

o атрибут value содержит возвращаемое в форму значение при выборе пользователем данного варианта;

o для определения значения элемента, принятого по умолчанию, используется атрибут checked. Этот вариант при загрузке формы будет выделенным.

Для создания раскрывающихся списков используют два дескриптора:

ü Дескриптор <select> обрамляет весь список. В атрибуте name указывается имя всего списка.

ü В наборе дескрипторов <option> определяются элементы списка. При этом в каждом дескрипторе <option> определяется уникальное значение атрибута value.

Многострочные текстовые блоки

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

ü В дескрипторе <textarea> определяется текстовый блок и его параметры.

ü Атрибут rows позволяет задать высоту тестового блока в строках; при расчете отображаемой высоты блока учитываются характеристики используемого шрифта и межстрочный интервал (по умолчанию принимается высота в две строки).

ü Атрибут cols определяет ширину тестового блока; при расчете отображаемой ширины блока учитываются характеристики используемого шрифта (по умолчанию принимается ширина в 20 символов).

ü Текст, водимый пользователем в тестовый блок, является его значением, а имя блока должно быть задано в атрибуте name.

Подтверждение и очистка содержимого формы

Кнопки подтверждения и очистки содержимого формы позволяют выполнить над данными формы предопределенные действия.

Эти кнопки создаются с помощью дескриптора < input> с атрибутами reset и submit.

ü Подтверждение формы. Ели пользователь завершил выполнение всех необходимых полей формы, он должен подтвердить форму, т.е. оправить ее содержимое программе-обработчику. Это реализуется с помощью кнопки, помещаемой в форме и имеющей структуру:

<input type=”submit” value=”Отправка содержимого формы”>

ü Очистка формы.Если пользователь решил заполнять форму заново, он может очистить ее от уже введенных значений, не перезагружая повторно страницу. Это реализуется с помощьюкнопки,помещаемой в форме и имеющей структуру:

<input type=”reset” value=”Очистка содержимого формы”>

Наши рекомендации