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

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

52012-04-1729998Денис Абдуллин
Вставив короткий код на страницу в секции обоих тегов 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;
}
0
Денис Абдуллин 2012-06-13 в 10:20 / МатериалСпам
Цвет здесь - это совсем другая история.
0
74NET 2012-06-13 в 09:11 / МатериалСпам
А цвет можно как нибудь изменить?
0
Miros 2012-04-23 в 22:09 / МатериалСпам
Привет в Хром реально не работает!
0
Денис Абдуллин 2012-04-24 в 15:12 / МатериалСпам
Нет, правда, работает, ведь я прямо сейчас нахожусь в Хроме. А что вы ожидаете при наведении? Какую-то подсветку а? Просто, когда наводишь на поле, можно начинать вводить текст. Даже здесь в Textarea тот же эффект.
0
Денис Абдуллин 2012-03-13 в 13:56 / МатериалСпам
Скажешь тоже... Только в Chrome и проверялось
0
Оксана Чудина 2012-03-14 в 21:46 / МатериалСпам
Все работает, может, тебя смутило отсутствие рамки вокруг поля, как в поиске Урааа
1
Гость 2012-03-12 в 19:10 / МатериалСпам
"Пример" не работает :( По крайней мере в Google Chrome
0
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.