Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Событие onfocus

Дата:10.09.15 в 11:50
Справочник: 

Характеристики тега

В каких браузерах работает?

4.0+ 1.0+ 3.5+ 1.0+ 1.0+ 1.0+ 1.0+

Для чего используется

Данное событие запускается при получении фокуса. К примеру, поле в форме после начала его заполнения получает фокус. Оnfocus действует с точностью до наоборот событию onblur.

В каких тегах он может использоваться?

button input label select
textarea

Как правильно задавать?

Простейший пример использования атрибута выглядит следующим образом:

onfocus="код скрипта"

Какие значения могут быть записаны в атрибут?

Скрипт

Пример использования

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Событие onfocus</title>
  <style>
   input {
    border: 1px solid #000; /* Рамка */
    color: #444; /* Цвет текста */
   }
  </style>
 </head>
 <body>
  <form>
   <p><input type="text" class="text" value="Проверка работы onfocus" 
    onfocus="this.value=''" onblur="this.value='Проверка работы onfocus'"></p>
   </form>
 </body>
</html>

В данном примере при начале заполнения поля текст из него исчезает, а в случае переключения фокуса с этого поля - появляется обратно.

Оценка: 
Оценок: 2 (средняя 5 из 5)
Тип HTML атрибута: 
Понравилась статья? Расскажите о ней друзьям: