为图例创建新的字段集行

问题描述

我有一个Restrict Content Pro表单，其中包含一个字段集图例（更改密码），我想将其移至左栏中的新行。我尝试添加新的表单字段（以移动图例），然后将其隐藏，但这无济于事。 有什么建议？ Change your Password

解决方法

这是一个演示:)。希望这个工作正常。

fieldset {
  border: none;
}

input {
  padding: 8px 20px;
  border: 1px solid #c3c3c3;
  border-radius:15px;
  background:#f1efd0;
}

input::placeholder {
  opacity: 0;
}

legend {  
  transform: translate(20px,30px);
  transition: all 0.75s ease;
}

input:not(:placeholder-shown) ~ legend  {
  color: #111;
  transform: translate(0);
}

body{
  font-size: 14px;
}

<fieldset>
  <input id="password" type="password" placeholder="New Password" autocomplete="off"/>
  <legend><label for="password">New Password</label></legend>
</fieldset>