javascript – 调整输入大小以适应其内容

前端之家收集整理的这篇文章主要介绍了javascript – 调整输入大小以适应其内容前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我不在乎一个特定的技术,它可以是JS,CSS甚至一些不标准和恶意的 HTML属性.如果用户输入正确的边框,我只希望输入更大.

解决方法

也许别人有更好的方法,但你可以试试这个:

示例: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;
}

猜你在找的JavaScript相关文章