Форма поиска

[Владимир Новицкий]

Имеется такая конструкция поля ввода формы поиска:

<input id="searchInput" onblur="this.value=(this.value=='')?this.title:this.value;" onfocus="this.value=(this.value==this.title)?'':this.value;" value="Search" title="Search" name="search" type="text" />

Данный код подставляет текст в форму поиска, который убирается при получении фокуса. И восстанавливается, если ничего введено не было.

Вопрос, как сделать, чтобы подставляемый текст был одного цвета, а текст, который вводишь сам, другого цвета?
Если в CSS задавать цвет текста для input, то он влияет и на подставляемый, и на вводимый текст.
Как сделать по другому?

P.S. С JS я не знаком...

[Octane]

Меняйте цвет, так же как и сам текст по событиям onblur и onfocus для IE6—7 и для остальных браузеров в CSS нужно записать стили такми образом:

#searchInput {
color: #…; /* onblur */
}
#searchInput:focus {
color: #…;
}

[Владимир Новицкий]

Понял, спасибо. Но можно подробнее, я не знаю семантику js, как написать для IE 6-7?

[Octane]

window.onload = function() { // выполнить после загрузки документа

…

/*@cc_on

    if(@_jscript_version < 5.8) { // только для IE6—7

        var search = document.getElementById('searchInput');

        search.onblur = function() {
            this.style.color = '#f00';
            if(!this.value) this.value = this.title;
       };

        search.onfocus = function() {
            this.style.color = '#00f';
            if(this.value == this.title) this.value = '';
        };
    }

@*/

…

};

[Владимир Новицкий]

Вот спасибо большое! Помогло.