| 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="скрипт"
Значення
Значення за умовчанням
Ні.
Застосовується до наступних HTML тегів
<button>, <input>, <label>, <select>, <textarea>
Приклад
HTML5 IE Cr Op Sa Fx
<!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 ), навпаки, в поле додається текстовий рядок.