Уютный бложег девелопера.

Эта штука часто используется в формах быстрого поиска. Иногда замечаю, что на сайтах либо убирают событие onblur, чтобы по нажатию на кнопку submit, поле не потеряло значение и в поиск не ушла пустая строка, ну и другие не красивые решения, на скорую руку. Для себя я навалял «умную» функцию, которая всегда «знает» как себя правильно вести. Если кому нужно – забирайте.

function clearIt (obj)
{
	if (typeof tmp_value=='undefined')
	{
		tmp_value = obj.value;
	}
 
	if (obj.tagName.toLowerCase()=='form')
	{
		var el, elName;
 
		for (i=0; i<obj.elements.length; i++)
		{
			el = obj.elements[i];
			elName = el.nodeName.toLowerCase();
 
			if (elName=='input' && el.type!='submit' && !tmp_value)
			{
				el.value = '';
				tmp_value = 'undefined';
			}
		}
	}
 
	if (obj.value==tmp_value)
	{
		obj.value = '';
	} else if (obj.value==="")
		{
			obj.value = tmp_value;
		}
}

Вызывать так:

<input type="password" name="password" value="password" onfocus="clearIt(this);" onblur="clearIt(this);">

Этот код эквивалентен:

<input name="story" type="text" onblur="if (this.value == '') {this.value = 'Искать...';}"  onfocus="if (this.value == 'Искать...') {this.value = '';}" value="Искать...">

P.S.
Задумка, конечно не идеальна, но позволяет без дополнительных средств просто и эффективно реализовать достаточно наглядную форму, без не допиленного placeholder и монструозной jQuery.
Если нужно, чтобы перед отправкой значение поля по умолчанию удалялось (если пользователь ничего не ввёл) – поместите в форму событие onsubmit=»clearIt(this);».
Функция пройдётся по всем input и очистит их значения. Кстати пример работы можно посмотреть здесь.