是否可以使输入元素的占位符属性即使输入值也保持不变

Question

在我正在创建的网站中，我正在对输入元素的占位符属性进行样式设置以向上翻译。我想知道即使在元素中输入文本后，是否也可以保持占位符属性不变。

这是我的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>标签。