입력한 내용에 따라 크기가 변하는 input text
var resizable = function(el, factor) { var unit = Number(factor) || 7.7; function resize() { el.style.width = ((el.value.length+1) * unit) + 'px' } var e = 'keyup,keypress,focus,blur,change'.split(','); for (var i in e) el.addEventListener(e[i],resize,false); resize();}resizable(document.getElementById('userId'), 10);