Ограничить текстовое поле

Question

Извините, возможно, для новичков, но я не нашел ответа в Интернете.

У меня есть textarea. Я хочу, чтобы он был изменен как он есть, но я хочу, чтобы он имел определенный размер, когда я открываю страницу в начале. Этот размер должен быть минимальным размером текстового поля. Кроме того, я хочу, чтобы он имел максимальный размер, когда я его расширяю, но как widgh, так и высоту должны быть изменены.

Например: размер текстовой области должен начинаться с минимального значения H: 300px и W: 300px. Он должен быть изменен до максимального значения H: 600px и W: 700px. Благодарю.

Answer 1

добавить CSS в текстовое поле:

textarea { 
    min-height:300px; 
    min-width: 300px; 
    max-height: 600px; 
    max-width: 700px; 
} 

Это должно сделать это!

Answer 2

Вот пример демонстрации! :)

https://jsfiddle.net/e344c5f1/5/

textarea { 
    /* Define your minimum size here */ 
    min-height:300px; 
    min-width: 300px; 

    /* Define your maximum size here */ 
    max-height: 600px; 
    max-width: 700px; 
} 

Не забудьте установить перелив для вмещающего элементы, чтобы избежать скрытие или перекрытия, в зависимости от того, что вы хотите (проверить скрипку на примере сокрытия).