Пакет Adobe GoLive

с результатом отображения файла, приведенного



Рисунок 1.33. Окно браузера с результатом отображения файла, приведенного в листинге. 1.34


Кнопка типа "submit" создается при помощи конструкции следующего вида:

<input type="submit" vа1uе="Подтвердить">

Как видно, создание кнопки производится при помощи параметра type, a надпись на ней задается значением параметра value.
Если же нам необходимо создать кнопку очистки полей ввода информации, мы можем применить следующий фрагмент кода:

<input type="reset" value="Oчистить">

А для простой кнопки мы используем конструкцию следующего вида:

<input type-"button" value="Kнопка">

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

<input type="invage" src="http://www.mysite.com/image/picl.gif">

В этом случае нет нужды использовать параметр

value

так как не нужно задавать надпись на кнопке. Но тогда необходимо использовать параметр src

значением которого является URL используемого графического файла.
Но помимо тех органов ввода информации, которые мы уже рассмотрели, есть и дополнительные органы, которые не реализуются при помощи тега <input>. К ним относится раскрывающегося списка и многострочное поле текстового ввода.
Выпадающий список реализуется при помощи тега <select>. При этом, естественно, используется и его закрывающая пара</select>. Между этими тегами мы объявляем элементы списка при помощи тегов <option>. Тег <select>, естественно, обладает некоторыми свойствами, регулируемыми при помощи параметров.
  • Параметр name, как обычно, задает уникальное имя данного поля ввода, т. е. раскрывающегося списка.
  • Параметр size задает количество видимых строк при раскрытии списка. Естественно, самих элементов в списке может быть больше, чем отображаемых строк. Но в этом случае всего-навсего будет отображаться вертикальная полоса прокрутки. Значением параметра является целое положительное число.
  • Параметр multiple применяется, если мы хотим позволить пользователю выбирать из списка несколько значений сразу.
  • Параметр disable заставляет браузер отображать данный выпадающий список, но при этом пользователь не получит возможность активизировать его и выбрать какое-либо значение.
  • Параметр tabindex, как мы уже знаем, устанавливает порядковый номер элемента ввода данных в последовательности объектов, переход фокуса ввода между которыми производится при помощи клавиши табуляции.
A сами элементы выпадающего списка создаются при помощи тегов <option>. Эти теги тоже имеют свои свойства. Но их не так уж и много.

  • Параметр selected используется для тех элементов, которые при активации выпадающего списка будут выделяться по умолчанию.
  • Параметр value указывает значение, которое будет передано обрабатывающему CGI-приложению, если пользователь выделит именно этот элемент выпадающего списка.
Теперь рассмотрим несложную процедуру создания выпадающих списков в формах HTML-документов (Рисунок 1.34).


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