Форма за търсене на HTML сайт - примери

поле на HTML код за търсене изглежда така:

Можете да правите промени в стила:

Сценарият на текст изчезва, когато потребителят кликне с мишката:

Динамично се променя на фона:

Използване на HTML5 предлага същия ефект, но без дисплея в IE:

контейнер, можете да укажете стилове:

Освен това можем да заключим, вход маркер (вземе последната опция) под формата маркер, и вече можете да търсите в този блог. Тук са само класирането на артикулите ще се извършва не по уместност и дата.

Можете да добавите бутон до "Търсене"

Или лупа

Следваща ред да изберете желаната CSS и външен дизайн.

Стилен търсене форма сайт.

Интересен решение бе предложено boxtuffs.com. Кодът аз съм донякъде коригира въз основа на най-новите тенденции. Той работи в IE 10.