如何使用HTML为输入元素创建子标签

我正在使用windows创建一个简单的HTML表单，我不知道如何为各种输入创建子标签。图片（下面评论中的链接）显示了我试图制作的内容。这是唯一的狩猎活动吗？我最接近的方法是使用CSS display:block，它允许我将标签移动到输入的顶部。

要做到这一点，您需要

<input type='name' class='my-input'>
<label for="name">
    <span class="label">First</span>
</label>

弗斯特

---

然后再做个造型

您可以通过将每组标签和输入包装在例如div中来实现，如下所示：

<div class="form-line">
   <div class="form-field">
      <input class="form-field-input" id="input1" type="text" placeholder="Your value..." />
      <label class="form-field-label" for="input1">
         Text 1
      </label>
   </div>
   <!-- other groups go here -->
</div>

文本1

---

这是子标签下的代码笔

您的意思是希望文本进入框中，然后在用户单击框时消失吗？不，在文本框外