Исчезающий и появляющийся текст

[Nikita_kharkov]

Задача состоит в следующем: 

При нажатии убирается текст и появляется пустое поле. Если пустое и осталось появляется вновь текст первый. Всё бы хорошо (в функции, которая есть), но она не учитывает более одного поля, ибо везде возращает "Ваш емейл". И второе: если что-то ввёл пользователь, то при вновь когда он выбирает, набранное не стиралось. Если что поясню подробнее

...<form name="menu" method="post" action="main.php">	 <p>Введите свой емейл</p>	  <input class="indate" type="text" name="menu" value="Ваш емейл"	  onfocus="foc(this)" onblur="blu(this)" />	  <p >Введите пароль</p>	  <input class="indate" type="text" name="menu" value="Ваш пароль"	  onfocus="foc(this)" onblur="blu(this)" />	  <p style="font-size: 8pt; float:right;"><a href="Reg_form.php">Зарегистрироваться?</a></p>   </form>...

var a;function foc(elem){	if (elem.value == 'Ваш емейл' |  elem.value == 'Ваш пароль')	{ elem.value = ''; elem.style.color = '#000';}}function blu(elem){	if (elem.value == '') 	{elem.value = 'Ваш емейл'; elem.style.color = '#777';}}

[Vin]

Сейчас это делается по-другому, с помощью атрибута placeholder. Для небольшой доли неподдерживающих этот атрибут старых браузреов есть placeholder.js или jquery-placeholder.