В чем разница между состояниями :hover и :focus при работе с формами на веб-странице?

Разница между состояниями :hover и :focus при работе с формами на веб-странице заключается в том, как эти состояния возникают и к каким элементам они применяются: htmlacademy.ru javarush.com

• Состояние :hover срабатывает, когда пользователь наводит курсор на элемент. htmlacademy.ru gitverse.ru Часто используется для создания эффекта взаимодействия с элементом, например, при наведении на ссылку меняется цвет текста. htmlacademy.ru Это даёт пользователю понять, что на элемент можно нажать и получить определённый результат. htmlacademy.ru
• Состояние :focus срабатывает при клике на элемент или переходе на него с клавиатуры при помощи клавиши tab. htmlacademy.ru gitverse.ru Применяется ко всем интерактивным элементам — <button>, <a>, <input>, <select> и элементам с tabindex. htmlacademy.ru В формах обратной связи состояние :focus используется для выделения активного поля при навигации с помощью клавиатуры. htmlacademy.ru Это помогает пользователям с ограниченными возможностями корректно заполнять форму. htmlacademy.ru

Таким образом, hover связан с наведением курсора, а focus — с активным состоянием элемента, полученным в результате определённых действий пользователя.