Javascript 引导程序5中的文本框

有人能帮我使用Bootstrap5或仅使用PlaneCSS类textbox来设计下面的textbox吗 文本框应该是有响应的

On Page load文本框应带有占位符

<div class="form-outline">
 <input type="text" id="form1" class="form-control" />
 <label class="form-label" for="form1">Example label</label>
 </div>

示例标签

单击文本框后，标签应朝上

遵循代码笔：

：：-webkit输入占位符{
方向：rtl；
}
fieldset.form-group{
位置：相对位置；
}
标签{
位置：绝对位置；
顶部：.6rem；
左：1rem；
过渡：所有.1都易于输入输出；
光标：文本；
}
：焦点+标签{
颜色：#66afe9；
顶部：-.9雷姆；
背景：白色；
}

电子邮件地址
我们永远不会与其他人共享您的电子邮件。

请向我们展示您的代码和您拥有的内容tried@Sfili_81你能推荐一下吗