Отсутствие или присутствие формы поиска, как полноправного элемента интерфейса web-страницы обусловлено многими причинами. Причем в большинстве случаев, если форма имеется, ее оформление, кроме, как чувства отвращения, не вызывает. Дело даже не в том, что есть не преодолимые препятствия в решении данной задачи, их, как вы понимаете, не существует, сделать кроссбраузерную форму поиска, не составляет особых проблем.

Так в чем же причина?

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

Скриншот. Просмотр осуществлялся в IE6(7), OPERA, FireFox, Safari. В поле ввода для более адекватного восприятия, в таком порядке они и будут перечислены.

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

Там же, где форма поиска присутствует, ее оформлению не уделено должного внимания.

И тому есть очень банальное и простое объяснение.

Чтобы привести форму в более или менее приличное состояние, для перечисленных выше браузеров, необходимо использовать свои стилевые правила, так как разрулить ситуацию без хаков не представляется возможным.

Посмотрите, чтобы сделать практически идеальную форму поиска, единственная проблема - шрифт в Safari, мне потребовалось применить ряд хаков, не спорю, возможно, получить подобный результат можно несколько проще, но если вы задумаете реализовать нечто с точностью до одного пикселя, без хаков, поверьте не обойтись, увы…

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

Скажу лишь, что хаки нужны только для FireFox и Safari. Как вы видите, расхождения без хаков минимальны и с этим можно смириться, но если уж что-то делать, то делать на совесть.

C другим оформлением кнопки

Понятно, что любому уважающему себя верстальщику, такое безобразие, как кость в горле.

Печальное следствие, использование хаков ведет к тому, что ваши стили не пройдут валидацию, а очень многие просто дня не проживут, как же обклеить любимую страницу баннерами от W3C, это так "круто".

Естественно, скажем для IE6(7) условные комментарии могут исправить ситуацию, но при сохранении страницы в FireFox и последующим просмотром оной локально в IE6(7), та же форма будет выглядеть отвратно. То же можно сказать и о сохраненной странице в IE6, просмотр в IE7 даст не менее впечатляющий результат с тем же знаком минус.

Тут имеется ввиду не только форма поиска, но и глобальная разметка макета и прочие элементы интерфейса web-страниц.

К тому же условные комментарии не решают проблемы сокрытия от валидатора стилевых правил предназначенных для FireFox и Safari.

Выводы не утешительны.

Формам поиска и не только им, нет места на web-страницах.

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

Или использовать возможности стилей на всю катушку, не смотря даже на то, что они не пройдут валидацию. В конце концов, создаем ресурсы для людей, а не для машин.

Жаль, но очень многие, вполне, вменяемые люди, как не странно, предпочтут наклейку от конторы.

В стремлении верстать в полном соответствии со стандартами, нет ничего плохого, в каком-то смысле и сам придерживаюсь этих правил. Но противоречия, заложенные не столько в спецификациях W3C, сколько в своеобразной интерпретации их браузерами, что часто сводит, на нет все благие намерения.

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

Фанатичное следование самому строгому !DOCTYPE, 100% валидация html-кода и таблиц (ы) стилей, ограничивает наши возможности.

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

Тут даже не небрежность, для многих из них это слово в данном случае прозвучит, как награда.

Тем, кто бесконечно бъет себя в грудь кулаком, заявляя, что их то верстка во всех отношения образец для подражания, что со стандартами они не разлей вода, что все страницы валидны, так же как и стили, что все по самому строгому !DOCTYPE, дам простой совет, чаще просматривайте свои страницы не только в любимом браузере.

Уверен, что ваши предполагаемые заказчики, а многие зарабатывают или пытаются это делать, на ниве верстки, с ужасом откажутся от ваших услуг, для этого достаточно одного внимательного взгляда на ваши собственные ресурсы.

Ведь очень часто, вами же инициируемые разговоры о стандартах, семантике и т.д. и т.п. о которых вы не устаете говорить к месту и не к месту, не имеют ничего общего с реальным, подчеркиваю реальным положением вещей.

Делаем сайты для людей!

Любой компромисс, в пользу максимальной визуальной совместимости оправдан и уместен в большинстве случаев.