html - 在表单和占位符分隔符上设置高度

Question

我想在此表单组上设置高度。问题是占位符不能比现在更宽，因此我必须把它调高。现在，占位符文本是水平向外的，我希望占位符文本在垂直线下继续。

这可能吗？

<div class="form-group">
  <label class="sr-only" for="udfordring">Største udfordring</label>
  <input type="text" class="form-control" id="udfordring" name="udfordring" placeholder="This is a long text there cannot be in the normal field" style="height:300px;"/>
</div>

Answer 1

CSS

.navbar .navbar-form 
{
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

HTML

<div class="panel panel-primary shadow">
  <div class="panel-heading">SUBSCRIBE FOR NEWSLETTER OF WHOLE 10</div> <!-- id-2 for the subscribe channel-->
  <div class="panel-body">
    <form>
        <div class="form group">
      <label for="input e-mail">EMAIL</label>
      <input type="email" class="form-control" id="inputEmail" placeholder="email">
    </div>
    <div class="form group">
      <label for="input e-mail">USERNAME</label>
      <input type="email" class="form-control" id="inputEmail" placeholder="username">
    </div>

<br>
      <div class="checkbox">
      <label><input type="checkbox">REMEMBER ME</label>
    </div>
    <button type="submit" class="btn btn-primary">LOGIN</button>
  </form>`enter code here`

</div>
</div>