JS如何实现文本框随文本的长度而增长
发布时间:2016-12-30 来源:查字典编辑
摘要:本文实例讲述了JS实现文本框随文本的长度而增长的方法,具体实现方法如下:文本框随文本的宽度而增长functionchangeInputlen...
本文实例讲述了JS实现文本框随文本的长度而增长的方法,具体实现方法如下:
<!Doctype HTML PUBLIC "-//W3c//DTD Html 1.0 Transitional//EN"> <html> <head> <title>文本框随文本的宽度而增长</title> </head> <script type="text/javascript"> function changeInputlength(cursor) { var getcount=document.getElementById("countFont"); var getText=document.getElementById("text"); getcount.innerHTML='<font>第'+(parseInt(getText.value.length)+1)+'个字符</font>'; cursor.size=getText.value.length+2; } </script> <body> <input type="text" size="3" id="text" onkeydown="changeInputlength(this);"/> <span id="countFont"></span> </body>
希望本文所述对大家的javascript程序设计有所帮助。