Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 js控制文本框自动适应文本长度的例子

js控制文本框自动适应文本长度的例子

发布时间:2015-02-16   编辑:www.jquerycn.cn
本文分享一例js代码,可以控制文本框以自动适应文本长度,效果不错,有需要的朋友参考下。

用js代码控制文本框,实现自动适应文本长度。
例子:
 

复制代码 代码示例:
<!Doctype HTML PUBLIC "-//W3c//DTD Html 1.0 Transitional//EN">  
<html>  
<head>  
<title>文本框宽度自动适应文本宽度-www.jquerycn.cn</title>  
</head>  
<script type="text/javascript">  
function changeInputlength(cursor)  
{  
var getText=document.getElementById("text");  
cursor.size=getText.value.length+2;  
}  
</script>  
<body>  
请输入字符:<input type="text" size="3" id="text" onkeydown="changeInputlength(this);"/>  
</body>  
</html>
 

猜你喜欢:
js限制input文本框输入的方法详解
js统计textrea文本框中字数的代码
Javascript 实时显示输入文本框字数与限制输入数
js 限制文本框输入内容(大写字符、数字、小写字符)
javascript复制文本框中内容到剪切板的代码一例
javascript限制文本框textarea输入字数的代码
js操作文本框中文字并动态插入内容
js统计文本框Textarea中的字数

您可能感兴趣的文章:
js控制文本框自动适应文本长度的例子
js控制iframe高度/宽度自适应
JS限制Textarea文本域字符个数的代码分享(图文)
限制textarea每行输入字符串长度的js代码
js控制textarea输入框根据内容自动适应高度
jquery onpropertychange键盘事件用法举例
CSS语法手册四文本填充,边框,边界和位置属性二
css 基础入门边框
javascript限制文本框textarea输入字数的代码
Iframe 自动适应页面高度实现代码

[关闭]