`
x171306523c
  • 浏览: 17919 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

随着输入文字的多少自动变化宽度的INPUT

 
阅读更多
<!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>

 

分享到:
评论

相关推荐

    jQuery文本框宽度随着输入内容而自动变化代码

    这是一款jQuery文本框宽度随着输入内容而自动变化代码,会随着input文本框输入文字的变多变少而自动变长变短的表单代码。

    输入文字自动变化宽度的INPUT,带计数(图)

    随着输入文字的多少自动变化宽度的INPUT,带计数

    Input文本框随着输入内容多少自动延伸的实现

    下面小编就为大家带来一篇Input文本框随着输入内容多少自动延伸的实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    Vue实现input宽度随文字长度自适应操作

    主要介绍了Vue实现input宽度随文字长度自适应操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    《程序天下:JavaScript实例自学手册》光盘源码

    3.11 判断字符串中有多少汉字 3.12 去除字符串的前后空格 3.13 刷新时清空所有文本框 3.14 随意改变大小的文本框 3.15 文本框的自动全选 3.16 文本框滚动导航 3.17 按钮获取焦点 3.18 文本框获取焦点弹出下拉框 3.19...

    程序天下:JavaScript实例自学手册

    3.11 判断字符串中有多少汉字 3.12 去除字符串的前后空格 3.13 刷新时清空所有文本框 3.14 随意改变大小的文本框 3.15 文本框的自动全选 3.16 文本框滚动导航 3.17 按钮获取焦点 3.18 文本框获取焦点弹出下拉框 3.19...

    从入门到精通HTML5——PDF——网盘链接

     9.3 输入类的控件 186  9.3.1 文字字段——text 186  9.3.2 密码域——password 187  9.3.3 单选按钮——radio 188  9.3.4 复选框——checkbox 189  9.3.5 普通按钮——button 190  9.3.6 提交按钮...

    正则表达式

    ^ 匹配一个输入或一行的开头,/^a/匹配"an A",而不匹配"An a" $ 匹配一个输入或一行的结尾,/a$/匹配"An a",而不匹配"an A" * 匹配前面元字符0次或多次,/ba*/将匹配b,ba,baa,baaa + 匹配前面元字符1次或多次,/ba...

    HGE_系列教材(1-9)

    读取和渲染(render)位图字体,多种字体排列方式,旋转和缩放字体,字符串宽度计 算等 &lt;3&gt; 粒子系统(particle systems)和网格变形(distortion mesh) 高效的粒子系统,可用于创建烟雾、爆炸、魔法效果等,提供...

    C# for CSDN 乱七八糟的看不懂

    后,只要 L2 生命期没有终结,它的以后的变化就可能会影响到 L1 的数值。因 此在赋值后应该及时销毁或者初始化 L2,以免发生不可预见的错误。 比较 使用 Contains 方法。 ArrayList Array1=new ArrayList(); Array1...

    ExtAspNet_v2.3.2_dll

    -修正弹出对话框的宽度计算错误(会保持最小的状态)。 -增加新的皮肤Gray。 -为示例工程添加改变语言和皮肤的下拉列表。 -为PageContext增加静态函数Refresh,在切换语言和皮肤时使用。 +2009-12-01 v2.1.7...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    --也就是说生成的input的type不能是"submit",而这个限制在有些情况下是不可原谅的。 --我们做了优化,现在要使一个Asp.net的按钮能够AJAX提交,你不需要做任何设置(PageManager的属性EnableAjax为true即可,这...

Global site tag (gtag.js) - Google Analytics