如何在表格中放置占位符？

Question

我正在处理fiddle中显示的表单，我想在其中填写完整的占位符文本。

我用来制作小的输入表单的HTML是：

<div class="container text-center ">
   <div class="form-group">
      <label class="ml-2" style="width:100%;text-align:left;" for="inputAddress">Hello World</label>
      <input type="text" class="form-control" id="inputAddress" placeholder="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.">
   </div>
</div>

问题陈述：

我想知道我应该在小提琴中进行哪些更改，以便可以看到完整的占位符文本。此时，我看到的单词很少（不是完整的陈述），如下图所示：

Answer 1

使用textarea代替输入，这将为您提供多行显示。

请参见以下示例：https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_textarea_placeholder

Answer 2

您应该尝试使用textarea而不是input。

Answer 3

这不是Bootstrap问题，但是您可以像这样使用CSS3 -placeholder ...

http://jsfiddle.net/navcLefq/1/

::-webkit-input-placeholder {
  white-space:pre-line;  
  position:relative;
}
::-moz-placeholder {
  white-space:pre-line;  
  position:relative;

}
:-ms-input-placeholder {
  white-space:pre-line;  
  position:relative;
}
:-moz-placeholder {
  white-space:pre-line;  
  position:relative;
}