Показать сообщение отдельно
  #1 (permalink)  
Старый 11.11.2009, 22:10
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 10.07.2008
Сообщений: 3,873

Надпись в поле ввода password
Все никак не приходилось самому сделать такую штутку, вот сейчас спросили каким образом это можно реализовать, получился такой вариант:

CSS:
.field {
	position: relative;
}
.field label {
	position: absolute;
	top: 2px;
	left: 3px;
}
.field label.hidden {
	left: -9999px;
}


javascript:
window.onload = function () {
	var input = document.getElementById("pwd");
	var label = input.parentNode.getElementsByTagName("label")[0];
	if (!input.value) {
		label.className = "";
	}
	input.onfocus = function () {
		label.className = "hidden";
	};
	input.onblur = function () {
		if (!input.value) {
			label.className = "";
		}
	};
};


HTML:
<form action="">
	<fieldset>
		<div class="field">
			<label for="pwd" class="hidden">Enter password</label>
			<input id="pwd" type="password" />
		</div>
	</fieldset>
</form>


Пример

Вроде везде работает. Думаю, пригодится кому-нибудь.
Вложения:
Тип файла: zip pwd.zip (661 байт, 11 просмотров)

Последний раз редактировалось Octane, 12.11.2009 в 13:38. Причина: рабочий вариант смотрите ниже
Ответить с цитированием