Можно ли сделать так, чтобы атрибут заполнителя элемента ввода оставался неизменным даже после ввода значения

Question

На создаваемом мной веб-сайте я задаю стили атрибуту placeholder элемента input для перевода вверх. Мне было интересно, можно ли сохранить атрибут заполнителя таким же даже после ввода текста в элемент.

Это мой CSS

.inputbox {
    height: 40px;
    padding-top: 5px;
    border-style: none none double none;
    border-color: rgb(117, 117, 117);
    width: 200px;
    outline: none;
    transition: border-color 0.3s;
}

.inputbox:focus {
    border-color: #111;
}

.inputbox::placeholder {
    transition: all 0.3s;
}

.inputbox:focus::placeholder {
    transform: translateY(-20px);
    color: #111;
    transition: all 0.3s;
}

Answer 1

Я не думаю, что можно сохранить атрибут заполнителя после ввода текста. Лучший способ, которым я мог это решить, - использовать тег <label>.