Каков рекомендуемый способ обработки больших текстовых полей с помощью загрузочного окна

Question

Документация twitter bootstrap (3 и 4) довольно понятна в том, как обрабатывать множество разных типов ввода форм. Однако в нем отсутствует информация о рекомендуемом способе получения элемента для «большого» поля ввода текста. Например, введите адрес электронной почты или письмо (желательно с максимальным количеством символов).

Каков рекомендуемый способ справиться с этим при загрузке или в «современном» 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 и добавьте класс form-control в область textarea.

Example

К сожалению, элемент TextArea не принимает maxlength аргумент, как поля ввода. Чтобы использовать максимальное количество символов, нужно обработать это с помощью javascript.