Нажатие на текстовое поле, а за тем преход к другому

[Syltan]

У меня есть 2 текстовых поля к примеру. Как мне сдлеать, чтоб при нажатие на одно текстовое поле оно выделялось синим цветом, но это я сдлеал так:

function blue1(hello)
{
   hello.style.color='blue';
}

...............................

.......onClick='blue1(this)'

А как сдлеать, чтоб к примеру я нажал она выделилась синим, если я увёл мышь от текстово поля, оно и оставалось синим до тех пор пока я не нажал на другое текстовое поле?

[SkyM@n]

function blue1(hello)
{
/* вот тут нужно вставить функцию сброса всех полей в цвет по-умолчанию. 
Например:
document.getElementsByTagName('input').style.color='#fff'
*/
   hello.style.color='blue';
}

[Syltan]

Если написать так:

function blue1(svet)
{
  svet.style.border='1px solid blue'; 
}

function blue2(svet)
{
  document.getElementsByTagName('input').style.color='#fff'

}

А в обработчиках такое написать.

onClick='blue1(this)' OnBlur='blue2(this)'
onClick='blue1(this)' OnBlur='blue2(this)'

Тогда после перехода с одного текстового поля в другое, предыдущее тектсовое поле не стаёт по умолчанию, которое было когда я его не нажимал.

[Wicort]

например, так

<style>
input {border: 1px solid black}
</style>
<script>
function blue(fld)
{
  var elements = document.getElementsByTagName("input");
  for (var i = 0; i<elements.length; i++)
    elements[i].style.border = "1px solid black"
  fld.style.border = "1px solid blue";
}
</script>
<input type = "text" value = "111" onclick = "blue(this);">
<input type = "text" value = "222" onclick = "blue(this);">

[SkyM@n]

Можно попробовать заюзать CSS :active или :focus. Тогда и вовсе скриптов не нужно)