Создайте для <input type="password"> красивый, стилизованный, плейсхолдер, например (кликните на тексте):
Исходный документ: tutorial/browser/events/placeholder-html-src.html.
При клике плейсхолдер просто исчезает, и дальше не показывается.
Вёрстка
Решение
Вёрстка
Для вёрстки можно использовать отрицательный margin у текста с подсказкой.
Решение в плане вёрстка есть в решении задачи Расположить текст внутри INPUT.
Решение
Решение
placeholder.onclick = function() {
input.focus();
}
/* это событие сработает
и вызове `input.focus()`
и при прямом клике на input
*/
input.onfocus = function() {
placeholder.parentNode && placeholder.parentNode.removeChild(placeholder);
}
Полный код: tutorial/browser/events/placeholder-html.html.
#491