[handler]

Здравствуйте!
Основной вопрос:
Хочу создать форму поиска, похожую на форму поиска в вэб-браузерах в правом верхнем углу, т. е. чтобы кнопка поиска в виде иконки находилась в правом углу текстового поля

<form...>
<input type='text'>
<input type='image' src='search.png'>
</form>

CSS может много чего, но я знаю только, как поместить иконку в текстовое поле

input { background: url(search.png) 100% 0 no-repeat}

Но как из иконки сделать кнопку, я не знаю.
Дополнительный вопрос:
На вэб-страничке находится несколько форм и javascript-обработчик onMouseOver, передающий фокус елементу формы при наведении на нее курсором:

<form name='one'>
<input type='text' name='text_1' onMouseOvet='set_focus(this)'>
</form>

<form name='two'>
<input type='text' name='text_2' onMouseOvet='set_focus(this)'>
</form>

<form name='three'>
<input type='text' name='text_3' onMouseOvet='set_focus(this)'>
</form>

<script language'javascript'>
function set_focus( obj ) {
if ( obj.name=='text_1' ) {
document.one[obj.name].focus();
}
if ( obj.name=='text_2' ) {
document.two[obj.name].focus();
}
if ( obj.name=='text_3' ) {
document.three[obj.name].focus();
}
}
</script>

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

[Макс-Текс]

По первой части вопроса:
Фоновую картинку нежелательно использовать в качестве кнопки, лучше IMG или INPUT типа IMG.
По второй части:
Обработчик, собственно, не нужен - можно записать обработку в самом INPUT'е.
<input name="text_1" id="text_1" type="text" value="" onmouseover="document.getElementById('text_1').foc us()" />

Для наглядности выложил пример:
http://dobry-dom.ru/test.html

[handler]

Спасибо.
По первой части вопроса уточним: Как кнопку запихнуть в текстовое поле?
По второй части вопроса: Дело в том, что кроме передачи фокуса мы должны еще очищать поле value элемента.
По-моему, id элемента нам поможет, мы ведь можем обратиться к полю элемента:

function set_focus (obj_id) {
document.obj.id.focus();
}

<input type='text' id='my_id' onmouseover='set_focus(document.getelementbyid(thi s))'>

[Макс-Текс]

Чтобы поле получало фокус и очищалось, нужно так модифицировать INPUT:
<input name="text_1" id="text_1" type="text" value="" onmouseover="document.getElementById(text_1).focus (); document.getElementById(text_1).value = '';" />

Кнопку не нужно запихивать в тектовое поле, - просто имитируем ее размещение там. Или, как в примере, создаем DIV с бордером, или используем фоновую картинку для DIV'а в виде тектового поля.
Соответственно в данном DIV'е помещаем INPUT типа TEXT и INPUT типа IMAGE.

[handler]

Спасибо за помощь - очень помогли.
Алексей. Днепр.