Практикум 5.2. Текстовые поля
Текстовое поле в одну строку Text. Служит для ввода данных пользователя. Синтаксис элемента текстового поля показан ниже:
П
<INPUT
TYPE=”TEXT” NAME=”name”>
Д
<FORM
ACTION="Result.asp" METHOD=POST> <INPUT
TYPE='TEXT' NAME='name'> <INPUT
TYPE='SUBMIT' VALUE='Submit'> <INPUT
TYPE='RESET' VALUE='Reset'> </FORM>
получившийся пример показан на рис. 5.3.
Р
ис.
5.3. Окно браузера содержащее текстовое
поле и кнопки
Текстовое поле может содержать несколько дополнительных атрибутов, например:
MAXLENGTH – ограничение вводимых символов (MAXLENGTH=”3”, можно ввести только три символа);
SIZE – размер самого поля (SIZE=”50”, размер поля будет составлять 50 символов).
Многострочное текстовое поле Textarea. Многострочное текстовое поле предназначено для вводе текста, состоящего из одного или нескольких абзацев. В отличие от остальных элементов ввода, обозначаемых тегом <INPUT>, многострочное текстовое поле обозначается тегом <TEXAREA>, который устанавливается в паре с конечным тегом. Пример:
М
<TEXTAREA
NAME=”txtname”> <!--
здесь задается исходный текст --> </TEXTAREA>
COLS – задает количество столбцов по вертикали (COLS=”50”, браузер создаст поле размером 50 столбцов);
ROWS – задает количество строк по горизонтали (ROWS=”50”, браузер создаст поле размером 50 строк).
Д
<FORM
ACTION="Result.asp" METHOD=POST> <INPUT
TYPE='TEXT' NAME='name' size='50' maxlength='3'> <INPUT
TYPE='SUBMIT' VALUE='Submit'> <INPUT
TYPE='RESET' VALUE='Reset'> <TEXTAREA
NAME="txtname" COLS="50" ROWS="5"> </TEXTAREA> </FORM>
результат примера pr_5_4.asp показан ниже:
Р
ис.
5.4. Окно браузера с многострочным
текстовым полем
Практикум 5.3. Списки
Элемент список используется для предоставления пользователю списка вариантов.
П
<SELECT
NAME="MonthPref"> <OPTION
VALUE="Jan">January</OPTION> <OPTION
VALUE="Mar">March</OPTION> <OPTION
VALUE="May">May</OPTION> <OPTION
VALUE="Jul">July</OPTION> <OPTION
VALUE="Sep">September</OPTION> <OPTION
VALUE="Nov">November</OPTION> </SELECT>
Обратите внимание тег <SELECT> имеет закрывающий тег, как впрочем и тег <OPTION>. Атрибут NAME тега списка содержит имя окна. Это имя используется так же, как и окно для ввода текста. При представлении формы браузер возвращает значение атрибута VALUE выделенного элемента списка. У элемента списка имеются несколько дополнительных атрибутов:
SIZE – задает количество строк которые будут отображаться одновременно, этот атрибут указывается внутри тега SELECT следующим образом (<SELECT NAME="MonthPref" size="3">, в данном случае одновременно в области списка будут видны сразу три поля);
WIDTH – задает длину поля (<SELECT NAME="MonthPref" style="width:100">).
Д
<HTML> <HEAD> <TITLE>Spring
Retreat Form</TITLE> </HEAD> <BODY> <SELECT
NAME="MonthPref"> <OPTION
VALUE="Jan">January</OPTION> <OPTION
VALUE="Mar">March</OPTION> <OPTION
VALUE="May">May</OPTION> <OPTION
VALUE="Jul">July</OPTION> <OPTION
VALUE="Sep">September</OPTION> <OPTION
VALUE="Nov">November</OPTION> </SELECT> <BR><BR> </FORM> </BODY> </HTML>
Вид окна браузера примера pr_5_5.asp продемонстрирован ниже:
Р
ис.
5.5. Вид окна браузера со списком