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

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

17.04.201222808

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

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

Пример






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



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




Сохраните в социальную сеть
Комментарии (8)
Гость 12.03.2012 в 19:10Спам
"Пример" не работает :( По крайней мере в Google Chrome
0
Скажешь тоже... Только в Chrome и проверялось
0
Все работает, может, тебя смутило отсутствие рамки вокруг поля, как в поиске Урааа
1
Miros 23.04.2012 в 22:09Спам
Привет в Хром реально не работает!
0
Нет, правда, работает, ведь я прямо сейчас нахожусь в Хроме. А что вы ожидаете при наведении? Какую-то подсветку а? Просто, когда наводишь на поле, можно начинать вводить текст. Даже здесь в Textarea тот же эффект.
0
74NET 13.06.2012 в 09:11Спам
А цвет можно как нибудь изменить?
0
Цвет здесь - это совсем другая история.
0
У меня, например, в CSS прописано следующее:

Code
input[type="text"]:focus {  
  padding:5px;
  outline:none;
  border-color:#31B5BD;
}
0
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт