Dynamically resize input

Question

Hey all,

I was just wondering how do you dynamically resize an input as you type in it??

I'd like to use jQuery if possible & I would rather it be a small script than a bulky plugin.

Please let me know, Matt Mueller

Answer 1

I found this lightweight one. This is for textareas

jQuery plugin: ‘autoResize’

Full version : ~4k

Minified : ~1k

Answer 2

Here's a quick (untested) solution

$('input[type="text"]').keyup(function(){
  $(this).attr({width: 'auto', size: $(this).val().length});
});