Самоучитель по креативному веб-дизайну. Книга 1, стр.112

держащей ключевое слово maiito : и собственно адрес электронной почты. Аналогично, для передачи результатов формы программе для дальнейшей обработки необходимо установить значение атрибута action равным URL сценария, отвечающего за передачу результатов формы требуемой программе.

• enctype. Задает Web-браузеру метод кодирования, который должен исполь-

зоваться при передаче данных формы CGI-сценарию на Web-сервере. Как правило, значение атрибута encode устанавливается равным «application /

x-www-form-urlencoded».

• id. Используется для задания форме уникального имени, по которому на форму можно ссылаться в сценарии. Если имя формы не задано (с помо —

щью атрибутов id или паше), в сценарии на форму потребуется ссылаться по ее номеру. Например, в JavaScript-коде ссылка на первую форму на Web —

странице будет выглядеть как document, forms [0], на вторую —

document, forms [1] , На третью — document. forms [2 ] И Т. Д. ЕСЛИ же всем формам на странице присвоены уникальные идентификаторы, в сценарии можно будет ссылаться на формы, используя следующий синтаксис:

document. formID (ИЛИ ПрОСТО formID).

• method. Указывает метод, который браузер будет применять для передачи данных формы по URL-адресу, указанному в атрибуте action. Атрибут

method может принимать одно из двух значений: POST ИЛИ GET. ЕСЛИ ис — пользуется GET-метод, Web-браузер передает данные формы Web-серверу в конце URL-адреса, указанного в атрибуте actio n дескриптора

.

Если же установлен POST-метод, данные передаются Web-серверу в виде отдельного HTML-сообщения. В соответствии со стандартами HTML метод

GET должен использоваться, если форма идемпотентна, т. е. когда сцена-

13 4 Глава 3. HTML-формы





рий обработки результатов формы не вносит изменений в хранящиеся на сервере данные. Например, формы, применяемые для поиска в базах дан — ных, будут использовать GET-метод. Если же при обработке результатов формы возникают побочные эффекты, в частности, изменение данных, хранимых в СУБД, должен использоваться POST-метод.



ПРИМЕЧАНИЕ Не используйте GET-метод для передачи результатов формы, запрашиваю —

щей пароль. При использовании GET-метода введенный посетителем пароль будет включен

в URL-адрес и зафиксирован в нескольких местах, включая журнальные файлы Web-браузе — ра и Web-сервера.



• name. Текстовая строка, которая может использоваться для ссылки на фор — му по имени в сценарии, находящемся на Web-странице. Если имя формы не задано (с помощью атрибутов id или name), в сценарии на форму нуж — но ссылаться по ее номеру. Например, если каждой форме на Web-страни —

Самоучитель по креативному веб-дизайну. Книга 1, стр.113

це присвоено уникальное имя или идентификатор, сценарий может, ссы-

латься на форму как document, formname (ИЛИ document. formID).

• onReset. Имя функции (т. е. сценария, содержащегося на Web-странице), которую Web-браузер должен запустить при нажатии посетителем кнопки Reset. Функция должна возвращать значение True или False. Если возвра — щается значение True, Web-браузер удалит введенные в форму данные посети —

теля и вернет форму в исходное состояние. Если же функция возвращает

False, Web-браузер не будет возвращать поля формы в исходное состояние.

• onSubmit. Имя функции (т. е. сценария, содержащегося на Web-странице), которую Web-браузер должен запустить при нажатии посетителем кнопки Submit. Как правило, функция, указанная в атрибуте onSubmit, использует —

ся для проверки результатов формы перед их передачей Web-серверу для обработки. Если функция возвращает значение False, Web-браузер не бу — дет передавать результаты формы серверу. Если же возвращается значение True, Web-браузер передает результаты формы Web-серверу для обработки с

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

actio n деСКрИПТОра
.

• target. Имя окна, в котором Web-браузер будет выводить страницу под — тверждения передачи результатов формы.

• title. Текст (например, имя или описание формы), которые Web-браузер будет выводить на экран на несколько секунд, когда посетитель переместит указатель мыши на форму.



Первые семь советов, которые будут приведены после этого вводного раздела

о HTML-формах, расскажут о создании на форме полей ввода текста, флажков, переключателей, меню выбора, кнопок сброса Reset и передачи Submit. Несколь —

ко остальных советов подробно остановятся на назначении атрибутов дескрипто —

ра
. А сейчас самое главное понять, что объекты в форму помещаются пу —

тем вставки соответствующих им HTML-дескрипторов между начальным и

конечным дескрипторами формы (
).
Более того, каждая форма должна содержать кнопку передачи данных, при нажатии на которую Web-брау —

Глава3.HTML-формы 135





зер получает команду на передачу результатов формы (т. е. ее данных) по URL — адресу, указанному в атрибуте action дескриптора
формы.

Создание на форме однострочного поля ввода

Если вы хотите, чтобы посетитель сайта ввел короткую строку текста, помес —

тите на форму дескриптор
с атрибутом type, которому присвоено значе —

ние «text».

ПРАКТИКУМ

Например, два дескриптора
в следующем коде создают поля для ввода имени (First Name) и фамилии (Last Name), как показано на рис. 3.4.




Имя: input type=»text » name=»FirstName» size=»15″ >

Фамилия:

[Кнопки RESET и SUMBIT формы]









Обратите внимание, что текстовые надписи возле каждого однострочного

поля ввода на форме не входят в состав дескриптора
. Каждый дескрип —

тор
однострочного поля ввода текста содержит следующие атрибуты:

• type. Устанавливает тип «text» , который указывает Web-браузеру, что данный элемент формы представляет собой однострочное поле ввода текста.

• id. Используется для присвоения полю ввода имени. Значение атрибута id

можно использовать для работы с содержимым поля ввода в сценарии,

внедренном на Web-страницу. Обратите внимание, что каждый атрибут id, используемый на одной и той же странице, должен быть уникальным, т. е. на странице не могут находиться два атрибута id с одинаковыми значениями.

• name. Используется для идентификации поля ввода текста; Значение атри — бута name может применяться для ссылки на значение поля ввода в сцена — рии, запущенном в среде Web-браузера. Значение атрибута name совместно

со значением поля ввода текста передается Web-серверу при нажатии посе — тителем кнопки Submit.



size. Длина поля ввода текста в символах.





value. Указывает, что браузер должен поместить в поле ввода текста

при

его начальной визуализации на Web-странице значение, присвоенное атри- буту value.

13 6 Глава 3. HTML-формы





• maxlength. Максимальное количество символов, которое посетитель может ввести в поле ввода.

• readonly. Если этот атрибут присутствует, поле ввода может получать фо — кус, тем не менее, посетитель не сможет менять содержимое поля.

• disabled. Если этот атрибут присутствует, поле ввода не может получать фокус и посетитель не может менять содержимое поля. Более того, при передаче результатов формы браузер не передает Web-серверу ни имени поля, ни его значения.

• tabindex. Используется для задания порядка обхода по клавише табуля — ции, в соответствии с которым элементы формы получают фокус. Присва — ивая атрибуту tabindex элементов формы значения в возрастающем поряд — ке, вы имеете возможность указать браузеру, на какой элемент перемещать курсор (т. е. фокус) при нажатии клавиши табуляции (TAB). При каждом нажатии TAB браузер будет перемещать фокус на элемент, значение атри — бута tabindex которого больше текущего на единицу.

Самоучитель по креативному веб-дизайну. Книга 1, стр.114

• accesskey. Клавиша, которую посетитель может нажать вместе с клавишей ALT (или клавишами COMMAND или CONTROL в Macintosh-системе) для перехода (т. е. перемещения фокуса) на поле ввода.

Дескрипторы
в приведенном примере указывают Web-браузеру помес —

тить на форму с именем «ExampieForm» два однострочных поля ввода текста (с

именами «FirstName » И «LastName»). Длин а ПОЛЯ FirstNam e составляет 15 СИМ —

ВОЛОВ, а ПОЛЯ LastName — 20 СИМВОЛОВ.

При вводе текста в однострочное поле ввода текста посетитель сайта может ввести любое количество символов. Тем не менее, Web-браузер будет выводить на

экран только то количество символов, которое указано в атрибуте siz e дескрип —

тора
. В приведенном примере, если посетитель введет в первое поле имя длиной 20 символов, на экране будут видны только 15 символов, поскольку

длина поля составляет всего 15 символов. (Если необходимо ограничить количе —

ство символов, которые посетитель может ввести в поле, задайте максимально

ВОЗМОЖНОе КОЛИЧеСТВО СИМВОЛОВ В атрибут е maxlengt h ДеСКрИПТОра
. )



Создание на форме многострочного поля ввода

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



) начальный И конечный дескрипторы текстовой Области (

).





Например, для помещения на форму под полями вво^а имени и фамилии мно —

гострочного поля ввода, показанного на рис. 3.5, необходимо после дескрипто —

ров
вставить начальный и конечный дескрипторы текстовой области

():

Глава 3. HTML-формы 13 7





Как И В Предыдущем Примере, надПИСЬ ВОЗЛе ПОЛЯ ВВОДа (текст «Сообще-

ние:») не является частью дескриптора текстовой области. Много — строчное поле ввода текста имеет следующие атрибуты:

• rows. Количество строк, которое браузер должен выводить на экране при визуализации многострочного поля ввода текста.

• cols. Количество символов, которое браузер должен выводить на экране в каждой строке при визуализации многострочного поля ввода текста.

• id. Служит для присвоения полю ввода имени. Значение атрибута id мож — но использовать для работы с содержимым поля ввода в сценарии, вне — дренном на Web-страницу.

• name. Используется для идентификации поля ввода. Значение атрибута name может применяться для ссылки на значение поля ввода в сценарии, запущенном в среде Web-браузера. Значение атрибута name совместно со значением поля ввода передается Web-серверу при нажатии посетителем кнопки Submit.



Дескриптор в приведенном примере указывает Web-браузеру по —

местить на форму «ExampieForm» многострочное поле ввода текста с именем

11 техtMessage». Более того, браузер должен выводить на экран поле размером 5

строк в высоту и 60 символов в ширину.

При вводе текста в многострочное поле ввода посетитель может ввести любое количество символов. Тем не менее, в любой момент времени Web-браузер будет вы — водить на экран только то количество символов, которое получается путем умноже — ния значения атрибута rows дескриптора на значение атрибута cols. Таким образом, в приведенном примере Web-браузер будет выводить на экран в многострочном поле ввода не более 300 символов (5 строк х 60 символов в строке).

13 8 Глава 3. HTML-формы





Значение атрибута rows дескриптора определяет высоту поля, а значение атрибута cols — его ширину. Тем не менее, сочетание значений атри- бутов rows и cols влияет только на отображаемые на экране размеры поля (а,

следовательно, и на количество одновременно отображаемых на экране символов текста). Произведение rows x cols не ограничивает общее число символов, ко —

торые посетитель может ввести в поле ввода.

В отличие от элементов, которые используют дескриптор
со значением атрибута type, установленным для визуализации требуемого элемента, начальный и конечный дескрипторы текстовой области () применяются только для визуализации многострочного поля ввода текста. Несмотря на то что вы имеете возможность контролировать размеры текстовой области с помощью атрибу — тов дескриптора , последний не имеет атрибута value, значение которо —

Самоучитель по креативному веб-дизайну. Книга 1, стр.115

го может использоваться в качестве начального значения текстовой области, т. е. значения по умолчанию. Если необходимо, чтобы Web-браузер визуализировал мно — гострочное поле ввода текста с текстом по умолчанию, введите требуемый текст между начальным и конечным дескрипторами текстовой области (

). Например, если нужно, чтобы введенный посетителем текст начи —

нался СО СЛОВ «Вниманию отдела по работе с клиентами:», Описание тек — стовой области на HTML-странице должно выглядеть следующим образом:

Сообщение: name=»TextMessage» rows=»5″ cols=»60″>

Вниманию отдела по работе с клиентами :



Проверка данных текстового элемента перед передачей результатов заполнения формы

Проверка данных однострочного или многострочного поля ввода текста перед передачей результатов формы на сервер, как правило, включает проверку данных введенных посетителем в поле. Предположим, например, что HTML-код Web —

страницы содержит следующее описание формы, которая запрашивает у посети — теля его имя и адрес электронной почты:





Дабы убедиться в том, что посетитель ввел данные в поле адреса электронной

почты, можно вставить JavaScript-сценарий, который будет выполнять «проверку» содержимого поля формы. JavaScript-сценарий должен быть помещен между на- чальным и конечным дескрипторами сценария (). Несмотря

Самоучитель по креативному веб-дизайну. Книга 1, стр.116

на то что сценарий можно разместить в любом месте HTML-кода Web-страницы, функции проверки данных рекомендуется помещать непосредственно после на-

чального дескриптора кода страницы. (Размещение всех сценариев в од — ном месте кода страницы позволяет легко их находить в случае, когда необходи — мо посмотреть, что, собственно, делает код страницы.) Таким образом, чтобы убедиться, что посетитель ввел данные в поле адреса электронной почты в насто — ящем примере, HTML-код Web-страницы должен выглядеть примерно так:





Начальный и конечный дескрипторы комментария (), которые заклю- чают в себе JavaScript-сценарий, не оказывают влияния на Web-браузеры, которые имеют возможность читать и выполнять JavaScript-сценарии. Тем не менее, началь — ный и конечный дескрипторы комментария предотвращают вывод на экран кода JavaScript-сценария в Web-браузерах, не поддерживающих сценарные языки.

В первой строке сценария объя —

вляется функция ValidateForm, И таким образом, в дальнейшем на нее можно ссылаться по этому имени. Вторая и третья строки кода проверяют значение поля формы с именем Email и в случае, если текстовое поле Email при выполнении сценария Web-стра —

Самоучитель по креативному веб-дизайну. Книга 1, стр.117

ницы окажется пустым, выводят на экран показанное на рис. 3.6 диалоговое

окно предупреждения.

Если поле Email не содержит данных, четвертая и пятая строки JavaScript —

сценария (расположенные после вызова метода alert () ) перемещают фокус на поле ввода Email и возвращают значение False HTML-дескриптору, который «вызвал» функцию.

Для того чтобы Web-браузер выполнял функцию vaiidateForm() при нажатии посетителем кнопки Submit, в дескриптор

формы необходимо добавить

атрибут onsubmit, который выглядит следующим образом:





14 0 Глава 3. HTML-формы





Не пропустите ключевое слово return, которое находится перед вызовом

функции vaiidateForm(). В противном случае Web-браузер передаст результаты

формы Web-серверу, даже если функция vaiidateForm() вернет значение False, указывающее на наличие ошибок во введенной на форму информации.

Если все атрибуты дескриптора введены без ошибок (как в приведенном при —

мере), атрибут onSubmit заставит Web-браузер после нажатия посетителем кноп — ки Submit выполнить JavaScript-сценарий для проверки результатов формы. Если

функция vaiidateForm() возвращает значение True, Web-браузер передаст ре — зультаты формы по URL-адресу, указанному в атрибуте method дескриптора

. В противном случае, т. е. если JavaScript-сценарий возвращает False, Web-браузер вернется к вводу данных формы и поместит курсор на элемент, для которого в сценарии вызывался метод focus ().



Создание на форме флажков

Если необходимо, чтобы посетитель Web-сайта обладал возможностью выби — рать один или несколько элементов из списка путем установки «галочки», распо — ложенной возле каждого элемента, поместите на форму дескриптор
и установите значение его атрибута type равным «checkbox».



ПРАКТИКУМ

Например, для вставки на Web-страницу под многострочным полем ввода тек —

ста семи флажков, как показано на рис. 3.7, поместите после дескриптора

такие дескрипторы
:





Как и в случае с другими элементами формы, текстовые надписи перед и/или после флажков на форме не являются частью HTML-кода элемента. Дескриптор

для флажка может содержать следующие атрибуты:

• type. Устанавливает тип «checkbox», который указывает Web-браузеру, что данный элемент формы представляет собой флажок.

Глава3. HTML-формы 141





id. Используется для присвоения флажку уникального имени. Значение атрибута id можно использовать для работы с состоянием флажка в сцена — рии, внедренном на Web-страницу.

name. Используется для идентификации флажка. Значение атрибута name может применяться для ссылки на состояние флажка в сценарии, выпол — няющемся в среде Web-браузера. Более того, Web-браузер будет передавать значение атрибута name в качестве части «имя» пары имя/значение при пе- редаче результатов формы Web-серверу, если посетитель установит флажок. Если посетитель сайта не устанавливает флажок, его имя и значение (т. е. значение, присвоенное атрибуту value) серверу передаваться не будут.

value. Строка, которая будет передаваться Web-серверу в качестве части «значение» пары имя/значение. При передаче результатов формы после на- жатия кнопки Submit Web-браузер передает серверу пары имя/значение только для установленных (т. е. выбранных) флажков.

Самоучитель по креативному веб-дизайну. Книга 1, стр.118

checked. ЕСЛИ Значение ЭТОГО атрибута равно True (т. е. checked=»true»), Web-браузер при визуализации флажка будет отображать «галочку» (т. е. флажок считается выбранным или установленным). По умолчанию значе — ние атрибута checked устанавливается равным False (т. е. флажок не уста — новлен или снят), поэтому при написании HTML-кода для неустановлен — ного флажка вам не нужно включать в дескриптор
атрибут

checked=»false».







Ё приведенном примере дескрипторы
с атрибутом type, установлен —

ным равным «checkbox», заставляют браузер ПОМеСТИТЬ на форму ExampleForm семь флажков. Web-браузер сам отвечает за переключение состояния флажков (т. е. при выборе посетителем снятого флажка Web-браузер устанавливает его, по —

мечая в квадратик флажка «галочку», и наоборот, если посетитель выбирает уста —

новленный флажок, который уже содержит «галочку», браузер снимает отметку с флажка, убирая «галочку»).

142 Глава 3. HTML-формы



Создание на форме переключателей

Если необходимо, чтобы посетитель сайта мог выбирать один элемент из списка элементов, создайте список элементов с помощью дескрипторов
, значения атрибутов type которых равны «radio».



РАКТИКУ&

Например, для помещения на нижнюю часть формы, показанной на рис. 3.8,

переключателей да и нет, необходимо в третью и четвертую строки снизу в при — веденном ниже HTML-коде вставить дескрипторы
:




Имя:


Фамилия:


Сообщение:



Области интересов:



Операционные системы:

input type=»checkbox» name=»Win98″ value=»ON» />Windows 98

name=»WinXp» value=»ON» />Windows XP

name=»WinNT» value~»ON» />Windows NT



Оборудование:

type=»checkbox» name=»DT» value=»ON» /Жастольные компьютеры

value=»ON» />Портативные компьютеры

type=»checkbox» name=»PDA» value=»ON» />PDA

input type=»checkbox» name=»Prtr» value=»ON» />Принтеры

value=»ON» />Мониторы

Можем ли мы передавать ваш адрес электронной почты другим посетителям?

name=»ShareEmail» />Да

value=»No» checked=»checked» name=»ShareEmail» /> Нет

[Кнопки RESET и SUMBIT формы]







Глава3.HTML-формы 14 3





Как и в случае с другими элементами формы, текстовые надписи перед и/или после переключателей на форме не являются частью HTML-кода элемента. Деск —

риптор
для переключателя может содержать следующие атрибуты:

• type. Устанавливает тип «radio» , который указывает Web-браузеру, что данный элемент формы является переключателем.

• id. Служит для присвоения переключателю уникального имени. Значение атрибута id можно использовать для работы с состоянием переключателя в сценарии, внедренном на Web-страницу.

• name. Используется для идентификации группы переключателей. При пе — редаче результатов формы Web-серверу после нажатия посетителем кнопки Submit Web-браузер будет передавать имя группы переключателей и значе — ние установленного переключателя в виде пары имя/значение. Если посе — титель сайта не установил ни один переключатель в группе переключате — лей (определяемой именем группы), при передаче результатов формы Web-серверу браузер не будет передавать для данной группы пару имя/зна- чение.

Самоучитель по креативному веб-дизайну. Книга 1, стр.119

• value. Строка, которая будет передаваться Web-серверу в качестве части

«значение» пары имя/значение, если посетитель установил переключатель. Web-браузер при нажатии кнопки Submit передает серверу только значения атрибутов name и value (т. е. пару имя/значение) для каждой группы пере — ключателей.

• checked. Включая атрибут checked в дескриптор
для переключа — теля, вы указываете Web-браузеру при визуализации формы (и при нажа — тии кнопки Reset) изображать переключатель выбранным. В приведенном

примере третья с конца строка кода указывает, что в группе переключате —

лей shareEmaii по умолчанию должен быть установлен переключатель No.



В приведенном примере дескрипторы
со значениями атрибутов type, равными «radio» , заставляют Web-браузер поместить в нижнюю часть формы

ExampieForm два переключателя, объединенные в группу ShareEmaii. Браузер га — рантирует, что посетитель может выбрать только один из двух переключателей,

входящих в группу. (Web-браузер считает, что все переключатели с одним и тем же значением атрибута name входят в одну группу.) При выборе посетителем пе — реключателя в группе Web-браузер выключает переключатель, который был выб —

Самоучитель по креативному веб-дизайну. Книга 1, стр.120

ран в группе ранее (если таковой вообще был в группе), и в выбранный посети — телем переключатель помещает черную точку, которой обозначается установленный

в данный момент переключатель. (В отличие от установленного флажка, повторный выбор установленного переключателя не снимает с него отметку.)



Проверка выбора группы переключателей перед передачей результатов формы

Web-браузер позволяет посетителю сайта выбирать только один переключатель

из группы переключателей с одним и тем же значением атрибута name. Поэтому,

144 Глава 3. HTML-формы





для проверки выбора переключателя в группе переключателей нет необходимос —

ти пользоваться JavaScript-сценарием. Тем не менее, Web-браузер не заставляет посетителя выбирать хотя бы один переключатель в каждой группе переключате- лей. Следовательно, необходимо написать функцию проверки, которая бы прове — ряла количество выбранных переключателей в каждой группе, которые посети — тель не должен оставлять пустыми.

Предположим, например, что на форме находятся две группы переключате —

лей, как показано на рис. 3.9.





Если зтрибуты всех переключателей в первой группе содержат значение

MContact_OK», а атрибуты всех переключателей во второй группе — значение

fl user_count», то для проверки того, что посетитель выбрал по одному переклю — чателю из каждой группы можно воспользоваться следующим JavaScript-сценарием:



Глава 3. HTML-формы 14 5





Обратите внимание, что для каждой группы переключателей установлено свойство length, которое используется для выполнения итераций по массиву пе —

реключателей в группе и проверки значения свойства checked для каждого пере —

ключателя в группе. Передавая функции countseiections() сначала группу

Contact_OK, а затем группу user count, можно использовать один и тот же код для проверки наличия выбранного переключателя в каждой из групп, даже не- смотря на разное количество переключателей в группах. В каждой группе значе- ние свойства checked для выбранного переключателя равно True. Поэтому функ —

ция countseiections( ) возвращает True, если в каждой из переданных ей групп переключателей есть хотя бы один переключатель, значение свойства checked которого равно True. Для группы, в которой посетитель не выбрал какой-нибудь переключатель (или другими словами, группы, которую посетитель пропустил),

Самоучитель по креативному веб-дизайну. Книга 1, стр.121

ФУНКЦИЯ countSelections( ) ВОЗВращает False. Функция ValidateFrom() (КОТО —

рая вызывает функцию countseiectionso) , в свою очередь, возвращает атри —

буту onSubmit дескриптора
значение, возвращаемое функцией

countSelections().

Как уже говорилось в предыдущем совете, для того чтобы Web-браузер имел возможность запускать функцию проверки при нажатии посетителем кнопки Submit, в дескриптор

формы необходимо добавить атрибут onSubmit, ко —

торый должен выглядеть следующим образом:





Не пропустите ключевое слово «return», которое находится перед вызовом

функции vaiidateForm(). В противном случае Web-браузер передаст результаты

формы Web-серверу, даже если функция vaiidateForm() вернет значение False, указывающее на наличие ошибок во введенной на форму информации. Если все атрибуты дескриптора введены без ошибок (как в приведенном примере), атри —

бут onSubmit заставит Web-браузер после нажатия посетителем кнопки Submit выполнить JavaScript-сценарий с целью проверки результатов заполнения формы.

146 Глава 3. HTML-формы





Если функция vaiidateForm() возвращает значение True, Web-браузер передаст

результаты формы по URL-адресу, указанному в атрибуте method дескриптора

. В противном случае, Web-браузер вернется к форме ввода данных.



Создание на форме выпадающего списка (меню выбора)

Если необходимо, чтобы посетитель сайта мог выбирать один или несколько элементов из выпадающего списка элементов, поместите на форму список эле —

ментов между начальным и конечным дескрипторами.



ПРАКТИКУМ

Например, для организации меню выбора (или выпадающего списка), показан —

ного в нижней части рис. ЗЛО, вставьте в HTML-код Web-страницы начальный и

конечный дескрипторы выбора ( ) и начальный и конечный дескрипторы опций (), как показано в конце следующего кода:





Как и ранее, текстовая надпись, которая описывает назначение выпадающего

СПИСКа (В Приведенном Примере «Выберите максимальный уровень ответ — ственности» не является частью HTML-кода списка выбора. Дескриптор

выпадающего списка может содержать следующие атрибуты:

Глава 3. HTML-формы 147





• size. Количество пунктов меню (или опций), одновременно видимых на

экране. В приведенном примере (size=»i» ) в списке до нажатия кнопки раскрытия в правой части элемента на экране будет виден всего один пункт. Если значение атрибута siz e превышает единицу, Web-браузер бу — дет визуализировать выпадающий список в виде списка элементов (с поло — сой прокрутки, если это необходимо), а не в виде выпадающего списка с кнопкой раскрытия.



Полезные ссылки
Случайные записи
  • 12.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.111
  • 06.03.2011">Руководство по actionscript. часть 4, стр. 133
  • 01.03.2011">Руководство по actionscript. часть 5, стр. 125
  • 12.03.2011">Руководство по actionscript. часть 3, стр. 129
  • 16.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.31
  • 05.03.2011">Руководство по actionscript. часть 5, стр. 022
  • 06.03.2011">Руководство по actionscript. часть 4, стр. 147
  • 01.03.2011">Руководство по actionscript. часть 5, стр. 124
  • 01.03.2011">Руководство по actionscript. часть 5, стр. 113
  • 16.03.2011">Руководство по actionscript. часть 3, стр. 027
  • 28.02.2010">Где найти и скачать иконки?
  • 17.08.2010">Страничка со списком услуг
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.45
  • 11.03.2012">Судья обязал Google и Motorola Mobility предоставить Apple данные об Android
  • 06.07.2011">Технология Active X на страницах сайта
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...