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

发布时间:2019-08-14编辑:脚本学堂
本文分享一例js代码,可以控制文本框以自动适应文本长度,效果不错,有需要的朋友参考下。

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

复制代码 代码示例:
<!Doctype HTML PUBLIC "-//W3c//DTD Html 1.0 Transitional//EN">  
<html>  
<head>  
<title>文本框宽度自动适应文本宽度-www.jb200.com</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中的字数