Фокус при наведении на текстовые поля JQuery

52012-04-1734118Денис Абдуллин

Вставив короткий код на страницу в секции обоих тегов BODY, вы можете облегчить управление формами на странице. Писать текст станет еще проще, т.к. достаточно будет только навести курсор мыши на текстовое поле. Фокус при наведении на текстовые поля JQuery – это просто дополнение, организующее более слаженное и легкое заполнение формы пользователем. При наведении на заданные поля (INPUT и TEXTAREA) срабатывает сценарий, запускающий функцию focus().

Также в этот скрипт включена возможность очистки выбранных текстовых полей по двойному щелчку мыши. Вот так просто – кликнул два раза, и поле очистилось.

Пример

Код (вставить перед </body>)

Код для подключения JQuery (вставлять между <head> и </head>)

Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!

Комментарии (8)

Порядок вывода комментариев:

Денис Абдуллин 2012-06-13 в 10:22 / МатериалСпам

У меня, например, в CSS прописано следующее:

Code

input[type="text"]:focus {
  padding:5px;
  outline:none;
  border-color:#31B5BD;
}

Денис Абдуллин 2012-06-13 в 10:20 / МатериалСпам

Цвет здесь - это совсем другая история.

74NET 2012-06-13 в 09:11 / МатериалСпам

А цвет можно как нибудь изменить?

Miros 2012-04-23 в 22:09 / МатериалСпам

Привет в Хром реально не работает!

Денис Абдуллин 2012-04-24 в 15:12 / МатериалСпам

Нет, правда, работает, ведь я прямо сейчас нахожусь в Хроме. А что вы ожидаете при наведении? Какую-то подсветку а? Просто, когда наводишь на поле, можно начинать вводить текст. Даже здесь в Textarea тот же эффект.