Псевдокласс :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:
В данном примере кода используется поддержка кодировки UTF-8. Данная кодировка позволяет использовать в HTML русский текст.
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.