Javascript 条带元素-向输入添加占位符效果

如果我需要添加更多细节，请让我知道

如何使用输入实现以下效果：

input:focus~。浮动标签，
输入：非（：焦点）：有效~浮动标签{
顶部：8px；
底部：10px；
左：20px；
字体大小：11px；
不透明度：1；
}
.inputText{
字体大小：14px；
宽度：200px；
高度：35px；
}
.浮动标签{
位置：绝对位置；
指针事件：无；
左：20px；
顶部：18px；
过渡：0.2s缓解所有；
}

你的电子邮件地址

Hi@kawnah，是的，这是可能的，您可以在示例2中的源代码中查看元素示例Hi@kawnah，是的，这是可能的，您可以在示例2中的源代码中查看元素示例