`
amcucn
  • 浏览: 293823 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

一段很短的代码可以自动提示文本框已输入多少个字符

阅读更多

通常大家都有这样的需求:

一个文本输入框,限定了用户只能输入多少个字。为了有良好的用户体验,一般是在用户边输入内容边提示还剩余多少个字符的空间。

使用一个js函数完全可以达到。但今天我们使用一个比较简单的代码来实现

 

<input type="text" id="text1">
<!-- 限定用户输入的数量-->
 <input type="text" id="text2" value="100">

<textarea 
onkeyup="text1.value=text2.value-this.value.length">
</textarea>

 

这里直接可以使用ID就能得到对象,感觉很神奇!



 

  • 大小: 5.7 KB
  • 大小: 5.7 KB
1
1
分享到:
评论

相关推荐

    web文本框宽度自适应

    在“Onkeydown”事件中注册JS代码,意味着每当用户按下键盘上的一个键时,都会触发一段预设的函数,检查并调整文本框的宽度。这种方法的优点在于实时性,即用户输入时就能即时看到宽度的变化,而且兼容主流浏览器,...

    JAVA上百实例源码以及开源项目源代码

    Java波浪文字制作方法及源代码 1个目标文件 摘要:Java源码,初学实例,波浪文字 Java波浪文字,一个利用Java处理字符的实例,可以设置运动方向参数,显示文本的字符数组,高速文本颜色,显示字体的 FontMetrics对象,...

    MATLAB霍夫曼Huffman编码译码GUI界面设计 源程序代码.zip

    在这个项目中,用户可以通过GUI界面输入待压缩的文本,程序会自动计算每个字符的频率并构建霍夫曼树,进一步生成霍夫曼编码。同时,该GUI还提供了解码功能,用户可以输入已压缩的霍夫曼编码,程序会进行解码并恢复...

    java源码包---java 源码 大量 实例

     用JAVA开发的一个小型的目录监视系统,系统会每5秒自动扫描一次需要监视的目录,可以用来监视目录中文件大小及文件增减数目的变化。 Java日期选择控件完整源代码 14个目标文件 内容索引:JAVA源码,系统相关,日历,...

    javascript 常用代码大全

    如果多输入了,自动减少到imax个文字(多用于短信发送) 3、打印类 3.1 打印控件 4、事件类 4.1 屏蔽右键 4.2 屏蔽所有功能键 4.3 --&gt; 和,f9,f1 4.4 屏蔽组合键ctrl+n 5、网页设计类 5.1 连续滚动的...

    Delphi莫尔斯码转换生成以及解析源程序..rar

    1. **输入处理**:用户界面设计,可能包含一个文本框让用户输入要转换的文本,以及一个按钮触发转换操作。 2. **编码函数**:这个函数将接收单个字符或一串字符,返回相应的莫尔斯码字符串。 3. **解码函数**:与...

    javascript常用代码大全.html

    如果多输入了,自动减少到iMax个文字(多用于短信发送) 3、打印类 3.1 打印控件 4、事件类 4.1 屏蔽右键 4.2 屏蔽所有功能键 4.3 --&gt; 和,F9,F1 4.4 屏蔽组合键ctrl+N 5、网页设计类 5.1 连续滚动的文字,图片...

    JS验证IP函数(支持分段验证)

    具体而言,它可以接受任何形式的IPv4地址输入,包括但不限于完整的IP地址(如`192.168.1.1`)、前缀段(如`192.168`)或者更短的部分段(如`192`)。该函数的关键在于它不仅能够处理完整的IP地址,还能很好地支持...

    java源码包2

     用JAVA开发的一个小型的目录监视系统,系统会每5秒自动扫描一次需要监视的目录,可以用来监视目录中文件大小及文件增减数目的变化。 Java日期选择控件完整源代码 14个目标文件 内容索引:JAVA源码,系统相关,日历...

    javascript常用代码

    如果多输入了,自动减少到imax个文字(多用于短信发送) 3、打印类 3.1 打印控件 4、事件类 4.1 屏蔽右键 4.2 屏蔽所有功能键 4.3 --&gt; 和,f9,f1 4.4 屏蔽组合键ctrl+n 5、网页设计类 5.1 连续...

    成百上千个Java 源码DEMO 4(1-4是独立压缩包)

    Java波浪文字制作方法及源代码 1个目标文件 摘要:Java源码,初学实例,波浪文字 Java波浪文字,一个利用Java处理字符的实例,可以设置运动方向参数,显示文本的字符数组,高速文本颜色,显示字体的 FontMetrics对象,...

    成百上千个Java 源码DEMO 3(1-4是独立压缩包)

    Java波浪文字制作方法及源代码 1个目标文件 摘要:Java源码,初学实例,波浪文字 Java波浪文字,一个利用Java处理字符的实例,可以设置运动方向参数,显示文本的字符数组,高速文本颜色,显示字体的 FontMetrics对象,...

    java源码包3

     用JAVA开发的一个小型的目录监视系统,系统会每5秒自动扫描一次需要监视的目录,可以用来监视目录中文件大小及文件增减数目的变化。 Java日期选择控件完整源代码 14个目标文件 内容索引:JAVA源码,系统相关,日历...

    java源码包4

     用JAVA开发的一个小型的目录监视系统,系统会每5秒自动扫描一次需要监视的目录,可以用来监视目录中文件大小及文件增减数目的变化。 Java日期选择控件完整源代码 14个目标文件 内容索引:JAVA源码,系统相关,日历...

    哈弗曼编码译码系统

    给定一段已编码的数据,按照编码规则,从根节点开始,遇到0向左移动,遇到1向右移动,直到到达叶子节点,即可找到对应的字符。依次进行,可以将编码流恢复为原始文本。 4. **Java实现**:在这个项目中,开发者使用...

    精彩编程与编程技巧-VB中DOS文件名与长文件名的转换...

    下面是一段VB代码示例,用于演示如何在VB中实现DOS文件名与长文件名之间的转换: ```vb Dim dosfilename As String ' 定义DOS文件名变量 Dim longfilename As String ' 定义长文件名变量 Private Sub Command1_...

    Excel新增工具集

    例如:第一个表中有A、B、C三人,第二个表中有A、C、D、E四人,可以抽取两表中都有的A、C二人,还可以合并成A、B、C、D、E五人,并且可以追加一个表中的新的列字段到另一个表。 7、按类别拆分一个工作表中的行记录...

Global site tag (gtag.js) - Google Analytics