Создание Web‑формы

На очереди – Web‑форма, в которую посетитель будет вводить искомое слово или его часть. Вот только куда ее поместить? Давайте пока что вставим ее в контейнер cnavbar, ниже полосы навигации, непосредственно перед закрывающим тегом </DIV>, формирующим этот контейнер. В главе 21 мы найдем Web‑форме поиска местоположение получше.

Наша первая "рабочая" Web‑форма будет содержать следующие элементы:

– надпись "Поиск", чтобы посетитель сразу понял, зачем нужна эта Web‑форма;

– поле ввода значения для поиска, где указывается искомое слово или начало слова;

– кнопку, запускающую поиск;

– раскрывающийся список для выбора режима поиска (только по названиям, только по ключевым словам или одновременно по названиям и по ключевым словам).

Содержимое Web‑формы мы поместим в один абзац, который разобьем на три строки с помощью тегов разрыва строк (см. главу 3 ). Первая строка будет содержать надпись, вторая – поле ввода и кнопку, третья – раскрывающийся список. Можно, конечно, разместить эти элементы в трех отдельных абзацах, но так Web‑форма займет на Web‑странице слишком много места.

Поле ввода искомого слова мы назовем keyword, кнопку – find, а раскрывающийся список – search_in.

Листинг 20.19 содержит HTML‑код, создающий Web‑форму.