Динамический размер input

[volni]

Здравствуйте, такой вопрос, как сделать, что при вводе или выводе текста зафиксировать ширину инпута, а высоту сделать динамической, чтобы она увеличивалась в зависимости от размера?
Вот у меня к примеру есть input.

<input type="text" class ="tcal" size="60" name ="CheckSC" value="$CheckSC"/>

Читал про textarea, но там высоту надо заранее задавать.

Спасибо за внимание=)

[volni]

function auto_grow(element) {
element.style.height = "5px";
element.style.height = (element.scrollHeight)+"px";
}

textarea {
resize: none;
overflow: hidden;
min-height: 50px;
max-height: 100px;
}

<textarea oninput="auto_grow(this)"></textarea>