Дескрипторы ввода данных
Поля ввода
Текст
Текстовые поля имеют одну строку, предназначенную для ввода пользователем информации.
ü Для создания текстового поля используется дескриптор <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=”Очистка содержимого формы”>