Псевдокласс :focus

Псевдокласс :focus


Псевдокласс :focus определяет стиль элемента, когда он находится в фокусе.
Такими элементами могут быть теги готовые принимать ввод с клавиатуры и некоторым образом должны быть активны.

Небольшой пример использования:
<!doctype html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Пример</title>
    <style>
      input:focus { background-color: silver; }
    </style>
  </head>
 
  <body>
 
    <form>
      Имя: <input type="text"><br>
      Фамилия: <input type="text">
    </form>
 
  </body>
</html>

В данном примере кода элементом, способном принимать состояние фокуса является тег input.
При щелчке мышью по данному тегу, тег будет считаться активным и примет серебряным цвет.

Пример работы псевдо-класса :focus:
Псевдокласс :focus


В данном примере кода используется поддержка кодировки UTF-8. Данная кодировка позволяет использовать в HTML русский текст.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
  • Яндекс.Метрика
  • Счетчик PR-CY.Rank
  • Рейтинг@Mail.ru