Адрес любого сайта
начинается со схемы http: //, а зачастую — с последовательности http: //www.,
и поэтому, чтобы облегчить труд пользователю, мы набили этот десяток
символов в поле формы сами за счет применения атрибута value.
Наберите какой-нибудь адрес (например, http://www.mozilla.org/) в поле
формы и нажмите кнопку ОК. Содержимое адресной строки браузера
изменится— как мы помним, по умолчанию веб-форма использует метод GET
для отправки данных, что сопряжено с передачей пользовательских
параметров, представленных в кодировке URL, прямо в составе адреса
запрашиваемого ресурса.
Содержимое адресной строки браузера, имевшее до этого вид
file:///Z:/examples/06/01/index.html,
чудесным образом преобразится в
file:///Z:/examples/06/01/index.html?website=
http%3A%2F%2Fwww.mozilla.org%2F. (рис. 6.2)
шшшшшшшшшштшшт
>.f**l$’:^.t
*ШЖ
¦jBaifrt В&ж® |иа ‘ гщмахйй Зйкмайи йнарученя* Qgm*& ‘^ «‘- 0л’
О *,Ф *»5? Ш ?Й JD f.le-///Z:/exan,ple5/06/01/.ndexhtml 3 {$ щ^ Щ~
& &&* &*&& Щ U^fcesdSre*
1 Адрес вашего сайта: |http://www.mozilla.org»
Jg#t ‘Пр&в^ $ид {%мхдд $дкяадки ^струмен-й* Правка % «, Ц ‘-Л
*Ф * *$* » S W ЙЙ j Lj j|le yyyz./exampies/06/oj ^ndex html?website=http%3A%2F%2Fwww moalla org%2F ^rj 0 flejfetftH j
М^^^К:.^Ш^^^^^.^ .. * . .
Адрес вашего сайта: |http://www.
Рис. 6.2. Метаморфозы адресной строки браузера:
вверху — до нажатия на кнопку ОК, внизу — после нажатия
Добавились вопросительный значок и данные, следующие за ним: websites-
название пользовательского параметра, в точности соответствующее имени
поля, определенному при помощи атрибута name; знак равенства,
отделяющий название параметра от значения последнего; и собственно значение па-
Глава 6. Формы в HTML __^ 291
раметра— адрес сайта, который мы ввели в поле формы. Латинские буквы и
точки остались на месте, не подвергшись кодированию, а вот символы
двоеточия и косой черты были преобразованы в шестнадцатеричные коды,
предваренные значком процента: %за и %2f соответственно.
Получить многострочное текстовое поле ввода можно, воспользовавшись
тегом
Этот тег имеет два обязательных атрибута: cols и rows. Атрибут cols
определяет ширину текстовой области (буквально— число столбцов текста,
набранного моноширинным шрифтом, используемым по умолчанию; этот
шрифт можно переопределить средствами CSS), а параметр rows задает ее
высоту в строках.
Объем данных, которые можно ввести в такую текстовую область, не
ограничен, поэтому почти все формы, использующие элементы подобного типа,
предполагают отправку введенной пользователем информации на обработку
при помощи метода POST.
Атрибут value для тега
значения атрибутов в HTML ограничены по длине. Текст, который должен
фигурировать в области ввода по умолчанию, задается непосредственно между
тегами .
Наш второй пример демонстрирует форму, использующуюся для отправки
почтовых сообщений.
I ~ * А :•— А — * «™«5sr!^r,^?r,^»H
| Листинг 6,2* Форма» использующая многострочную текстовую область для I
; отправки длинных сообщений по e-mail \
Внешний вид формы, содержащей многострочную текстовую область ввода,
демонстрируется на рис. 6.3.
В соответствии со спецификациями HTML 4.01 Strict и XHTML 1.0 Strict,
конструкции разметки, определяющие те или иные элементы веб-форм,
должны употребляться исключительно внутри блочных элементов наподобие
…р> или
— обратите внимание на эту особенность в
наших примерах.
Скажу больше— контейнер
, напротив, с точки зрения
стандарта является совершенно необязательным для таких элементов, как
292 Часть II. Применение веб-технологий стороны клиента для создания сайтов
или — правда, практическая ценность их
«автономного плавания» вызывает определенные сомнения.
Рис. 6.3. Форма с многострочной текстовой областью
Богатство выбора
Во многих случаях бывает разумнее не требовать от пользователя
самостоятельного ввода, какой бы то ни было текстовой информации, а вместо этого
предлагать ему на выбор один или несколько вариантов из заранее
определенного перечня.
Для решения этой задачи HTML предоставляет несколько похожих и порой
взаимозаменяемых средств.
Так, при помощи тега
можно организовать переключатели
единственного выбора и флажки множественного выбора, а тег
используется для организации более компактных списков, реализующих аналогичные
возможности.
«Радиокнопки» и флажки
Поместить «радиокнопку» на веб-страницу возможно, воспользовавшись
тегом
, для которого определен атрибут type со значением radio:
Включитьр>
По умолчанию переключатель не активирован.
|
5th Фев 2011
|
Теги:
|