Input文本框随着输入内容多少自动延伸
2008-08-22 08:11
281 查看
<script type="text/javascript"><!--
google_ad_client = "pub-4490194096475053";
/* 内容页,300x250,第一屏 */
google_ad_slot = "3685991503";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
function checkLength(which) {
var oTextCount = document.getElementById("char");
iCount = which.value.replace(/[^/u0000-/u00ff]/g,"aa");
oTextCount.innerHTML = "<font color=#FF0000>"+ iCount.length+"</font>";
which.style.border = '1px dotted #FF0000';
which.size=iCount.length+2;
}
</script>
</head>
<body>
<input name="words" size="2" onkeyup="checkLength(this)"/>
<span id="char">0</span>个字符
</body>
</html>
http://www.corange.cn/archives/2008/01/111.html
google_ad_client = "pub-4490194096475053";
/* 内容页,300x250,第一屏 */
google_ad_slot = "3685991503";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
function checkLength(which) {
var oTextCount = document.getElementById("char");
iCount = which.value.replace(/[^/u0000-/u00ff]/g,"aa");
oTextCount.innerHTML = "<font color=#FF0000>"+ iCount.length+"</font>";
which.style.border = '1px dotted #FF0000';
which.size=iCount.length+2;
}
</script>
</head>
<body>
<input name="words" size="2" onkeyup="checkLength(this)"/>
<span id="char">0</span>个字符
</body>
</html>
http://www.corange.cn/archives/2008/01/111.html
相关文章推荐
- Input文本框随着输入内容多少自动延伸
- Input文本框随着输入内容多少自动延伸的实现
- Input文本框随着输入内容多少自动延伸
- Input文本框随着输入内容多少自动延伸
- Input文本框随着输入内容多少自动延伸有-bug
- Input文本框随着输入内容多少自动延伸
- Jquery实现 TextArea 文本框根据输入内容自动适应高度
- div可以输入内容不用input作为输入框屏蔽自动的input样式
- JSP学习之路(二):设置input标签中,选择自动清除文本框中的内容
- textarea自动换行,且文本框根据输入内容自适应高度
- Jquery实现 TextArea 文本框根据输入内容自动适应高度
- 实用文本框输入字符后下拉菜单内容自动匹配效果
- inputSuggest文本框输入时提示、自动完成效果(邮箱输入自动补全插件)
- 01-验证文本框输入内容的长度-自动截取
- 禁用文本框输入时的自动提示原来已输入过的内容
- [ExtJs4.0]根据一个文本框输入的内容自动填写到另外一个文本框内
- inputSuggest文本框输入时提示、自动完成效果(邮箱输入自动补全插件)
- 输入内容自动完成文本框(AutoCompleteTextView )
- 输入内容自动完成文本框(AutoCompleteTextView )
- Jquery 文本框输入内容,自动匹配select 下拉框内容