代码实例如下:
<!DOCTYPE html>
<html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51texiao.cn/" /> <title>蚂蚁部落</title> <script type="text/javascript"> window.οnlοad=function(){ var otxt=document.getElementById("txt"); otxt.οnkeyup=function(){ this.size=(this.value.length>4?this.value.length:4); } } </script> </head> <body> <input type="text" id="txt" size="4"/> </body></html>
以上代码实现了我们的要求，代码非常的简单，注册onkeyup事件处理函数，此函数可以判断当前输入内容的长度是否大于默认长度，如果不大于，则文本框的长度就是4，否则就是输入内容的长度。