Практикум 5.2. Текстовые поля

Текстовое поле в одну строку Text. Служит для ввода данных пользователя. Синтаксис элемента текстового поля показан ниже:

Первый атрибут TYPE имеет значение “TEXT”, т.е. браузер получит инструкцию вставить текстовое поле, в которое пользователь будет вводить входные данные. Второй атрибут NAME имеет значение “name” т.е. имя элемента текстового поля, этот атрибут обязателен, в данной переменной name будут храниться данные введенные пользователем.

Добавим элемент текстового поля внутрь элемента FORM в файл pr_5_2.asp и сохраним изменения в файле pr_5_3.asp, листинг pr_5_3.asp продемонстрирован ниже:

 

получившийся пример показан на рис. 5.3.

Рис. 5.3. Окно браузера содержащее текстовое поле и кнопки

Текстовое поле может содержать несколько дополнительных атрибутов, например:

MAXLENGTH – ограничение вводимых символов (MAXLENGTH=”3”, можно ввести только три символа);

SIZE – размер самого поля (SIZE=”50”, размер поля будет составлять 50 символов).

Многострочное текстовое поле Textarea. Многострочное текстовое поле предназначено для вводе текста, состоящего из одного или нескольких абзацев. В отличие от остальных элементов ввода, обозначаемых тегом <INPUT>, многострочное текстовое поле обозначается тегом <TEXAREA>, который устанавливается в паре с конечным тегом. Пример:

Многострочное текстовое поле имеет несколько дополнительных атрибутов:

COLS – задает количество столбцов по вертикали (COLS=”50”, браузер создаст поле размером 50 столбцов);

ROWS – задает количество строк по горизонтали (ROWS=”50”, браузер создаст поле размером 50 строк).

Добавим Многострочное текстовое поле в пример pr_5_3.asp и сохраним новые данные в файле pr_5_4.asp, листинг pr_5_4.asp, смотри ниже:

 

результат примера pr_5_4.asp показан ниже:

Рис. 5.4. Окно браузера с многострочным текстовым полем

Практикум 5.3. Списки

Элемент список используется для предоставления пользователю списка вариантов.

Пример списка показан ниже:

Обратите внимание тег <SELECT> имеет закрывающий тег, как впрочем и тег <OPTION>. Атрибут NAME тега списка содержит имя окна. Это имя используется так же, как и окно для ввода текста. При представлении формы браузер возвращает значение атрибута VALUE выделенного элемента списка. У элемента списка имеются несколько дополнительных атрибутов:

SIZE – задает количество строк которые будут отображаться одновременно, этот атрибут указывается внутри тега SELECT следующим образом (<SELECT NAME="MonthPref" size="3">, в данном случае одновременно в области списка будут видны сразу три поля);

WIDTH – задает длину поля (<SELECT NAME="MonthPref" style="width:100">).

Добавим следующий код в новый asp файл и сохраним по именем pr_5_5.asp:

Вид окна браузера примера pr_5_5.asp продемонстрирован ниже:

 

 

Рис. 5.5. Вид окна браузера со списком