手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS如何实现文本框随文本的长度而增长
JS如何实现文本框随文本的长度而增长
摘要:本文实例讲述了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程序设计有所帮助。

【JS如何实现文本框随文本的长度而增长】相关文章:

JQuery+CSS实现图片上放置按钮的方法

jquery实现动态改变div宽度和高度

jQuery实现文本展开收缩特效

如何实现浏览器上的右键菜单

基于JavaScript实现动态添加删除表格的行

JS+CSS实现仿触屏手机拨号盘界面及功能模拟完整实例

JavaScript实现表格点击排序的方法

JavaScript实现鼠标拖动效果的方法

JS实现简洁、全兼容的拖动层实例

js实现文本框选中的方法

精品推荐
分类导航