Для создания анимаций при фокусе ввода в веб-формах можно использовать CSS. 2

Некоторые примеры:

• Изменение размера и цвета текста. 2 Можно создать эффект, при котором текст будет смещаться и менять цвет при фокусе поля ввода. 2
• Увеличение ширины поля ввода. 2 Можно написать код, который будет анимировать ширину поля ввода, когда оно выделяется фокусом ввода. 2
• Анимация при валидации. 2 Можно создать анимацию, которая будет появляться, когда обязательное для заполнения поле останется пустым. 2

Для реализации анимаций можно использовать библиотеки, например jQuery. 1

Также есть материал о создании анимированного поля ввода с помощью Animated API в контексте React Native. 5 В нём рассказывается, как изменить местоположение надписи в зависимости от того, есть ли фокус на поле ввода. 5 Когда фокуса нет, надпись появляется внутри поля ввода, а когда есть — оказывается над полем ввода, её размер уменьшается, а цвет отличается от цвета вводимого текста. 5