Оновлено: 19.05.2025

onfocus

Frontend HTML Події onfocus

Подія onfocus виникає при отриманні елементом фокусу. Наприклад, для текстового поля фокусом називається можливість вводити текст. Подія onfocus за своєю дією протилежна to onblur.

 

 

⌨️ Синтаксис

onfocus="<скрипт>"

 

 

⚙️ Значення

Див. скрипт.

 

 

📋 Приклад

<!DOCTYPE HTML>
<html>
  <head>
   <metacharset="utf-8">
   <title>onfocus event</title>
   <style>
    input {
     border: 1px solid #ccc; /* Frame options */
     padding: 3px /* Margin around text */
     color: #666; /* Text color */
     width: 90% /* Field width */
    }
   </style>
  </head>
  <body>
   <form>
    <p><input type="text" class="text" value="Enter text"
     onfocus="this.value=''" onblur="this.value='Enter text'"></p>
    </form>
  </body>
</html>