示例：http://jsfiddle.net/aAueA/1/

var input = document.getElementsByTagName('input')[0];
 
input.onkeypress = input.onkeydown = function() {
    this.size = ( this.value.length > 10 ) ? this.value.length : 10;
};

这将其设置为最小大小为10,如果超过10个字符,则会展开.

可能最适合使用固定宽度的字体：

input {
    font-family:Courier;
}