使用 bootstrap 处理大型文本字段的推荐方法是什么

Question

twitter bootstrap（3 和 4）文档非常清楚地说明了如何处理许多不同的表单输入类型。但是，它缺少有关为 "large" 文本输入字段添加元素的推荐方法的信息。例如，输入电子邮件或信件（最好具有最大字符数）。

通常在 bootstrap 或 "modern" HTML/CSS 中推荐的处理方法是什么？

Answer 1

而不是使用 input field。我建议您使用 textarea

例子

<textarea class="form-control">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel tortor ipsum, vel mattis lorem. Integer interdum posuere iaculis. Mauris fringilla congue egestas. Aliquam erat volutpat. Sed rutrum, nibh at lobortis elementum, neque tortor auctor sem, sit amet lacinia odio augue sit amet lacus. Pellentesque facilisis nulla vel dui commodo porttitor. Sed euismod arcu vel tellus faucibus vestibulum. Sed id faucibus enim. Integer lobortis malesuada ultricies.
    </textarea>

您可以在输入时使用 jQuery 调整 textarea 的大小。 jQuery

$("textarea").height( $("textarea")[0].scrollHeight );

Css

textarea {
width: 300px;

}

Demo

Answer 2

我认为您要查找的是 HTML <textarea> 元素。这可以像任何其他输入元素一样与 Bootstrap 一起使用。将其包装在 form-group 容器中并将 class form-control 添加到文本区域本身。

Example

不幸的是，textarea 元素不接受像输入字段那样的 maxlength 参数。要使用最大字符数需要用 javascript.

来处理这个问题

使用 bootstrap 处理大型文本字段的推荐方法是什么

What is the recommended way to handle large textfields using bootstrap

html

css

textfield

twitter-bootstrap