forms - 如何修复表单域之间的间距？HTML，引导程序

Question

我正在尝试将浮动标签添加到我的表单字段中，因此当有人开始输入时，它会向上移动一点并停留在那里。我正在使用标签。但是，当我在输入标签之后添加标签时，应该是这样。它增加了我的表单域之间的间距。

即使我将标签设置为表单字段或表单字段上方的样式，它也会保持这种状态。

你知道怎么解决吗？

    <!-- Contact Form -->
    <div class="row">
      <div class="col-lg-10 col-xl-9 mx-auto">
        <form id="contact-form" action="php/mail.php" method="post">
          <div class="row">
            <div class="col-md-6">
              <div class="form-group">
                <input name="firstname" type="text" class="form-control border-2" required placeholder="name" id="name" name="name"  
                >
                <label for="name" class="form-label">name</label>     
              </div>
            </div>

现实生活中的例子

谢谢stackoverflow的好人！

汤姆

标签： formsfieldspacing