javascript - 当关注非 "required"文本框的文本框时，将占位符显示为标签

Question

我想在单击文本框时将占位符显示为标签。我用“必需的”文本框做了。

<input type="text" class="inputText" required>

但是如何在不需要像这样的情况下实现这一点:

<input type="text" class="inputText">

我试过了 https://jsfiddle.net/273ntk5s/3680/

Answer 1

你需要删除

.user-input-wrp .inputText:not(:focus):valid ~ .floating-label

您的 css 的一部分，因为您在字段为“:有效”时应用“焦点”样式。如果不需要，则自动“有效”。