О web-разработке
и даже немного больше...

Исчезающий текст в поле ввода формы

Данный снипет может пригодиться для различных текстовых подсказок в поле ввода формы. В качестве примера служит форма поиска, в поле которого по умолчанию стоит текст «Поиск…», при активации поля — текст исчезает, и показывается мигающий курсор ввода.

Код:

<input type="text"
onblur="if (this.value == ''){this.value = 'Поиск...';}"
onfocus="if (this.value == 'Поиск...') {this.value = '';}"
value="Поиск...">

Поменяв строку подсказки «Поиск…» на своё значение, можно использовать в своих формах ввода.

Так же есть альтернатива — это использование атрибута placeholder, на нашем сайте есть информация по его использованию.

Опубликован: 19.01.2013 г.

См. также:

Делаем кнопки «Поделиться в соцсетях»
Стрелочные функции в JS
Мобильное меню для сайта на CSS
Опасность использования атрибута target="_blank"
Бесконечная анимация вращения на CSS
Анимация вращения при наведении курсора
Стилизация выделения номера телефона в мобильных браузерах
Эффекты кнопок для сайта

Комментарии

  1. Rus пишет:

    inpaut понятно, но в textarea не работает

Добавить комментарий для Rus Отменить ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Комментарии
  • Загрузка...
Друзья сайта