TML, CSS, СКРИПТЫ: практика создании сайтов

Почта

Поиошь Настройка поиска

>{верстка

Найдется все f и* Ш№ Vl*fawUMtij[J9 Г Ц».

В&ЗД& Катлпз— Новости Маркет ; Энциклопедии Картинки

Результат поиска страниц— I

Область поиска сайт — web-anatomy.ru

Web-Anatomy Ru

. . предположить, что кодеров, привыкших создавать сайты при помощи

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

противоречия двух…

Когда же речь заходит о верстке слоями, мы теряем возможность

«увязки» высот соседних блоков между собой, если, конечно, этот

параметр не задан жестко .

a-ww web-anatomy iu/issue20/ (9 КБ)

Найденные слова

2• К выпуску № А («Неразрывные проблемы») — Web-Anatprnv.Ru

«Нежелательно» совсем не означает «недопустимо», и верстка книги

весьма красноречиво демонстрирует этот тезис своим примером.

л-wv web-anatomy. iu/issue4/mdex.shtml (6 Kb)

Найденные слова

3 К выпуску Ms 14 («Развилка трех дорог») — Web-Ariatomv.Ru

Если прибегнуть к табличной верстке, любой кодер, помудрив слегка с

вложенностью и атрибутом cellspacing в целях получения «плоской»

рамки, выдаст на- ..

www.web-anatomy ru/issue14/(11 КБ)

Найденные слова

Страницы

Отсортировано гюрвя*»вит«0ети по дате

$$пя#?

…HaftmJ ‘

Все tr^pvbv

Ш Объявления

Москеа

Верстка и дизайн

Любая полиграфия —

быстро, грамотно, с

учетом Вашего

бюджета

air-prepe.rvarcd rj

Москва :

Дизайн и верстка,

рисунок

Для полиграфии.

Профессиональные

художники.

Дизайн-бюро при

типографии.

vav.,v irml vj

Москва :

Удорныи выиор

Биржа заказов,продажа

оборудования, чат,место

встречи типографии и

РА

v/vvvv.printtender ru

Рис. 6.13. Форма поиска при помощи «Яндекса» по одному сайту

Предположим, пользователь введет в текстовом поле слово «верстка». Тогда

полный URL, при помощи которого браузер обратится к «Яндексу», будет

таким:

http://www.yandex.ru/yandsearch?pag=u&surl=web-anatomy.ru&text=

%E2%E5%F0%F1%F2%EA%E0

Глава 6. Формы в HTML

309

В сложных динамических приложениях скрытые поля веб-форм встречаются

сплошь и рядом.

Поля для выбора файла

Одним из наиболее сложных для новичков типов элементов интерфейса веб-

форм является поле для выбора локального файла. То есть, само по себе это

поле не представляет из себя чего-то из ряда вон выходящего—

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

заполнения поля такого типа.

Формируется поле для выбора файла (рис. 6.14) при помощи тега

с атрибутом type, обладающим значением file. Как и обычно, атрибут name

позволяет определить имя этому полю; можно использовать атрибут size для

регулировки видимого горизонтального размера элемента:

Файл картинки:

fafr-..3^ M *#*&*.. W^^.totHmw*.. ffipeyv

l-:

«3 ® ***** W

¦Ф&хХЬ$Ъ-хШ {jj$ UtetftMdty»

Загрузить изображение:

Alt:

i : ~~~~~

Удалить изображение:

Продолжить редактирование:

шжг

!»&*?¦

~2 *-&е*8Э»

Тип: Файл «GIF»

Размер,-4,36 КБ

р о*

j Все Файлы

«з

Рис. 6.14. Работа с полем выбора локального файла

А вот дальше начинаются сложности. Если значением атрибута enctype тега

не является тип multipart/form-data и, соответственно, данные формы

не отправляются обработчику с использованием метода POST, максимум, что

получит обработчик— имя, но никак не содержимое файла. Большинство

распространенных браузеров при этом указывают полный путь к файлу в

локальной системе, но Firefox полагает, что не царское это дело.

310 Часть II. Применение веб-технологий стороны клиента для создания сайтов

Для того же, чтобы обработчик данных веб-формы получил от браузера

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

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

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

необходимо соблюсти все указанные выше условия. Иными словами, атрибут enctype

тега

должен иметь значение multipart/form-data, а атрибут method —

непременно значение post.

Content-Disposition

‘dS4eX$2013S

:а; name-»logi

1S4elS20i3S

«passwor

7ci $4е1еШШ«ш

ЁИ —

f.rifSMttWDu4ll-JSmOC2 .ШКЖ

€кШх43г

uLo*fcj№ • ^ЬУурж^есо , оШШШШ&ШШШШшш^’ ои господ sx} оицУо» $: f*> и njw?, ¦

бй_ /Ьы>аеЗхптЁтдм* а-Ша^:№^ йокгёщ.

Рис. 6.15.