Событие <onfocus>
Событие onfocus возникает при получении элементом фокуса. Например, для текстового поля фокусом называется возможность вводить текст. Событие onfocus по своему действию противоположно onblur.
поддержка браузерами:
IExplorer | Chrome | Opera | Safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 3.5+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
синтаксис:
onfocus="скрипт"
значения:
Код скрипта
значение по умолчанию:
Нет
применяется к тегам:
<button>, <input>, <label>, <select>, <textarea>
пример кода:
<!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), наоборот, в поле добавляется текстовая строка.