您可以覆盖相应的bootstrap 5 css类：

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
  opacity: .65;
  transform: scale(.85) translateY(-.5rem) translateX(.15rem);
}

将translateY（-.5rem）设置为-2rem或-20px或适合您布局的任何值。白色;

您可以使用<fieldset>和<legend>，并插入<input>

<fieldset>
    <legend>Password</legend>
    <input type="password">
</fieldset>

然后根据需要使用CSS设置填充/边距/边框等
更多信息：https://www.w3schools.com/tags/tag_fieldset.asp

Floating Labels是Bootstrap 5.2中的一个东西。
下面是具体的操作方法：
将一对<input class="form-control">和<label>元素 Package 在.form-floating中，以启用Bootstrap文本表单字段的浮动标签。每个<input>上需要一个占位符，以利用:placeholder-shown伪元素。还要注意，<input>必须在前面，以便我们可以利用同级选择器

<div class="form-floating mb-3">
  <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
  <label for="floatingInput">Email address</label>
</div>
<div class="form-floating">
  <input type="password" class="form-control" id="floatingPassword" placeholder="Password">
  <label for="floatingPassword">Password</label>
</div>