by zhangxinxu 2009-11-04 10:46

让文本输入框的宽度随着里面的内容多少自动伸缩自适应

请输入网址:

HTML代码

请输入网址:<input type="text" id="autoInput" size="25" value="http://" />

JavaScript代码

var oInput = document.getElementById("autoInput"); var sSize = oInput.getAttribute("size"); oInput.onkeydown = function(){ var sInputValue = oInput.value; if(sInputValue === "" || sInputValue.length <= sSize || sInputValue.length > 60){ return; }else{ oInput.setAttribute("size",sInputValue.length); } };