Как реализовать переход в input по клику?

Question

[Technoz]

Надпись "Телефон"(label) стоит на поле input.
Задача при клике на поле формы добавлять класс к блоку div который анимирует надпись "ТЕЛЕФОН"(она уменьшается и съезжает вверх за поле input).
Проблема кода ниже в том, что после ввода текста в поле формы надпись "ТЕЛЕФОН" из-за onblur возвращается назад и становиться поверх уже введенного текста input.
Понимаю, что надо проверять форму javascript-ом, но так как пока профан в языке не могу реализовать даже примеры из гугла. Буду очень благодарен любой помощи.

<div class="input_wrapper1" id="test_form">
	<input id="form_id_number" type="text" class="first_input_block_06"
           onclick="document.getElementById('test_form').classList.add('input_wrapper_active');"
           onblur="document.getElementById('test_form').classList.remove('input_wrapper_active');" value="">
	<label for="form_id_number">ТЕЛЕФОН</label>
</div>

Answer 1

[Wheelie]

Как-то так. https://jsfiddle.net/78fbtwf6/1/

Comments

[Technoz]

Спасибо добрый человек, выручил.