Мастер-классы по Javascript Екатеринбург Ростов-на-Дону Москва Узнать больше...
Содержание (скрыть) Содержание (показать)

Красивый плейсхолдер для INPUT

Создайте для <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
Наверх

Реклама

Нашли опечатку?

Нашли опечатку на сайте? Что-то кажется странным?
Выделите соответствующий текст и нажмите Ctrl+Enter!

Последние Комментарии

Помоги другим!

Помоги другим узнать о хорошей статье!