這篇文章主要介紹了JS如何實現文本框隨文本的長度而增長的方法,具有一定借鑒價值,需要的朋友可以參考下
本文實例講述了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程序設計有所幫助。
新聞熱點
疑難解答
圖片精選
