Событие onfocus

23.09.2010

Влад Мержевич

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
4.0+	1.0+	3.5+	1.0+	1.0+	1.0+	1.0+

Описание

Событие onfocus возникает при получении элементом фокуса. Например, для текстового поля фокусом называется возможность вводить текст. Событие onfocus по своему действию противоположно onblur.

Синтаксис

onfocus="скрипт"

Значения

Код скрипта

Значение по умолчанию

Нет.

Применяется к тегам

Пример

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Событие onfocus</title>
  <style>
   input {
    border: 1px solid #ccc; /* Параметры рамки */
    padding: 3px; /* Поля вокруг текста */
    color: #666; /* Цвет текста */
    width: 90%; /* Ширина поля */
   }
  </style>
 </head>
 <body>
  <form>
   <p><input type="text" class="text" value="Введите текст" 
    onfocus="this.value=''" onblur="this.value='Введите текст'"></p>
   </form>
 </body>
</html>

В данном примере при получении фокуса в текстовом поле скрывается текст, а при потере фокуса (событие onblur), наоборот, в поле добавляется текстовая строка.