<font color="windowtext">WindowText</font> <font color="graytext">GrayText</font>

Если это не так, то необходима настройка палитры. Иначе неизбежны проблемы с отображением не только в HTA, но и во множестве других программ.

Xameleon, просто я использую сторонние библиотеки (на JS или невстроенные в винду ActiveX) только тогда, когда мне не хватает ума сочинить маленькую замену, когда код замены получается чересчур большим и несуразным, когда встроенными ActiveX задачу решить просто невозможно.
Конечно, есть и последняя причина, которая у многих, к сожалению, порой стоит на первом месте - лень.

Вот только подсказка при таком перетаскивании не исчезает…

inp.ondrop = function () {
	var inp = this;
	setTimeout(function () {inp.onkeyup();}, 0);
};

Тот же обработчик можно назначить inp.oncontextmenu во избежание:

-----

Например, так:

plh.ondragover = function () {
	event.dataTransfer.dropEffect = event.ctrlKey ? 'copy' : 'move';
	return false;
};
plh.ondrop = function () {
	var inp = this.previousSibling;
	inp.value = event.dataTransfer.getData('text');
	inp.focus();
	inp.onkeyup();
	return this.ondragover();
}

Правда, непосредственно на левой и правой границах подсказки указатель всё-равно принимает запрещающий вид. Этого можно избежать, например, назначив обработчик не plh.ondragover, а одновременно container.ondragenter и container.ondragover, но тогда нужно колдовать, чтобы не переопределить или идентично переопределить поведение самого INPUT.

Кажется, получилось:

container.ondragenter = 
container.ondragover = function () {
	event.dataTransfer.dropEffect = event.ctrlKey ? 'copy' : 'move';
	return event.srcElement.tagName.toUpperCase() == "INPUT";
};
container.ondrop = function () {
	if (this.ondragover()) return;
	var inp = this.firstChild;
	inp.value = event.dataTransfer.getData('text');
	inp.focus();
	inp.onkeyup();
	return false;
}

----
Осталось только разобраться с

====

В большинстве случаев без них просто не обойтись.

Можно попробовать:

• поместить подсказку под <INPUT> с прозрачным фоном;

• при наступлении события ondragenter в подсказке:

  • передавать фокус <INPUT>,

Попробовал, не очень то помогает.

Смотря где: в Firefox и Chromium - нет, а в Opera 12 - именно так.
(Да и, надо полагать, «оригинальный» placeholder возник в ответ на моду на самодельные.)
По крайней мере, можно принять любой вариант, если он реализован последовательно.

Известный и, похоже, неустранмый недостаток моего (т.е. через value) решения: очистили поле, ушли с него, вернулись — восстановить прежнее содержимое (Ctrl-Z, пункт контекстного меню «Отменить») нельзя.

У твоего текущего решения недостатков больше, но они, вероятно, все устранимые…

А хотелось бы в любую точку. С вызовом контекстного меню в пустом поле щелчком мыши — та же трудность.

При изменение содержимого поля при выборе мышью пунктов контестного меню его состояние не отслеживается.

ondrop, ondragleave, onmouseup, onfocus?

Можно попробовать:

• поместить подсказку под <INPUT> с прозрачным фоном;

• при наступлении события ondragenter в подсказке:

  • передавать фокус <INPUT>,

  • разрешить бросать прямо на подсказку…

Кстати, в предложенном тобой варианте это тоже не выполняется.

Что именно не выполняется:
исчезновение подсказки при получении полем фокуса
или
появление подсказки при очистки поля имеющего фокус?

Логично. Просто я не стал заморачиваться с такой мелочью. Можно подумать... Кстати, в предложенном тобой варианте это тоже не выполняется.

Насчет перетаскивания я не подумал. Вероятно если сделать исчезновение подсказки не при вводе первой буквы, а при получении фокуса, то срабатывать будет 100%.

Эту мысль надо донести до всех разработчиков. А то мучаются, бедолаги, а нам приходится (в целях подражания) пытаться это реализовать. (Мой скрипт родился в процессе изготовления стандартной Виндовой формы ввода логина/пароля. Была задача сделать ее максимально похожей на оригинальную).
А твой код, как и всегда, "рекомендуется к изучению". Обязательно что то стырю для себя...

Наглядно, удобно, экономит место.

Экономит. Остальное спорно. Например, получая посылку, я имею привычку в извещениях путать поля: когда и кем выдан паспорт. А тут при полностью заполненной форме и не скажешь, всё ли на своих местах. Для мнительного человека очень неудобно. По меньшей мере надо обязательно дублировать через title, но тот, кто по несколько раз возвращается проверить, закрыт ли холодильник и выключен ли газ, всё-равно будет задумчиво-раздражённо переводить указатель с одного поля на  другое. Подходит только для форм с одним (запрос) или двумя (имя, пароль) полями.

Как правило, пароль только один (а если не один, то см. выше) и кружочки-звёздочки на порядок понятней всякой надписи.

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

Обычно формы входа заполняю перетаскиванием паролей из просмотрщика WinRAR.
Почему-то почти все разработчики забывают о таком способе ввода. К удивлению здесь он хоть и криво, но работает. Но этого сразу и не заметишь, т.к. надо очень тщательно прицелиться в узкий зазор перед первой буквой.

Скорее согласен, но как быть при отправке формы?..

Проверено на WinXP в IE8 (iexplore.exe), IE7 (mshta.exe, hh.exe):

<style>
.input-placeholder {color: silver;}
</style>

<hta:application navigable />


<form action="javascript:alert(&quot;Hello, world!&quot;);">
<input value="Home">
<input>
<input type="submit">
</form>


<script>
document.attachEvent('onreadystatechange', function () {
	if (document.readyState != 'complete') return;
	/*
		При обновлении страницы поля ввода уже восстановили значения
	*/
	AttachPlaceholder(document.forms[0].elements[0], "Domain");
	AttachPlaceholder(document.forms[0].elements[1], "User name");
});

function AttachPlaceholder(element, text) {
	var empty = Boolean();
	onleave();

	element.attachEvent('onfocus', function () {
		onenter();
		if (empty) element.select(); /*
			Иначе при переходе по Tab исчезает каретка до начала ввода
		*/
	});
	element.attachEvent('onblur', onleave);
	element.attachEvent('ondragenter', onenter);
	element.attachEvent('ondragleave', onleave);
	element.attachEvent('ondrop', function () {
		empty = false;
	});
	window.attachEvent('onbeforeunload', function () {
		onenter(); /* Для случая обновления страницы */
		window.setTimeout(onleave, 1); /*
			Для случая открытия JavaScript-URL
			(при timeout = 0 срабатывает преждевременно)
		*/
	});
	
	function onenter() {
		if (empty) {
			element.value = "";
			element.className = element.className
				.replace(/(?:^|\s+)input-placeholder(?!\S)/, "");
		}
	}

	function onleave() {
		if (empty = element.value == "") {
			element.className += " input-placeholder";
			element.value = text;
		}
	}
}
</script>

Работает не совсем точь-в-точь

Я тоже вначале пытался идти этим путем. Всю башку сломал, но так и не смог заставить скрипт работать так как надо - запутался в тысяче и одном условии...
Да и с password-ом без динамической подмены никак не обойтись...

Поделюсь своим видением. Работает не совсем точь-в-точь - это всего лишь черновой вариант. Полагаю, идея ясна - избежать динамического создания новых элементов страницы и их скрытия/показа.

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">

function setPlaceHolders(){
	var inputs = document.getElementsByTagName('input');
	if ( ! inputs || ! inputs.length ) {
		return;
	}

	for (var i = 0; i < inputs.length; i++) {
		var input = inputs[i];

		var type = input.type.toLowerCase();
		if ( type != 'text' && type != 'password' ) {
			continue;
		}

		var placeholder = input.placeholder;
		if ( ! placeholder || ! placeholder.length ) {
			continue;
		}

		(function(input, placeholder)
		{
			var changed = false;
			var value = input.value;
			input.value = placeholder;
			input.onfocus = function()
			{
				if ( changed ) {
					return;
				}
				input.value = value;
			};
			input.onblur = function()
			{
				if ( changed ) {
					return;
				}
				if ( input.value != value ) {
					changed = true;
				} else {
					input.value = placeholder;
				}
			};
		})(input, placeholder);
	}
}

</script>
</head>
<body onload="setPlaceHolders();">

<input type="text" placeholder="Domain" value="Home"><br />
<input type="text" placeholder="User Name"><br />
<input type="password" placeholder="Password">

</body>
</html>