最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

Javascript_input、textArea实时显示剩余可输入的字数

来源:动视网 责编:小采 时间:2020-11-27 19:32:50
文档

Javascript_input、textArea实时显示剩余可输入的字数

Javascript_input、textArea实时显示剩余可输入的字数:实时显示剩余可输入的字数 效果,字母,数字,中文都算一个目录目录实时显示剩余可输入的字数效果代码快捷链接实时显示剩余可输入的字数效果代码html部分 <h2>实时显示剩余可输入的字数(字母,数字,中文都算一个字)</h2> <h>
推荐度:
导读Javascript_input、textArea实时显示剩余可输入的字数:实时显示剩余可输入的字数 效果,字母,数字,中文都算一个目录目录实时显示剩余可输入的字数效果代码快捷链接实时显示剩余可输入的字数效果代码html部分 <h2>实时显示剩余可输入的字数(字母,数字,中文都算一个字)</h2> <h>
 实时显示剩余可输入的字数 效果,字母,数字,中文都算一个

目录

  • 目录

  • 实时显示剩余可输入的字数

  • 效果

  • 代码

  • 快捷链接


  • 实时显示剩余可输入的字数

    效果

    代码

    html部分

     <h2>实时显示剩余可输入的字数(字母,数字,中文都算一个字)</h2>
     <h>昵称:</h>
     <input type="text" id="myText" maxlength="15" onKeyUp="keypress1()"/>
     <label id="name">15</label><span>/</span><label>15</label>
     <br>
     <h>评论内容:</h><br>
     <textarea id="myArea" style="width: 100px;" cols="10" rows="3" onKeyUp="keypress2()" onblur="keypress2()"></textarea>
     <label id="pinglun">30</label><span>/</span><label>30</label>

    js部分

    function keypress1(){
     var text1=document.getElementById("myText").value;
     var maxLen=document.getElementById("myText").maxLength;
     var len=maxLen-text1.length;
     document.getElementById("name").innerText=len;}
    function keypress2(){
     var text1=document.getElementById("myArea").value;
     var maxLen=document.getElementById("myArea").cols*document.getElementById("myArea").rows;
     var len;//记录剩余字符串的长度
     if(text1.length>=maxLen)
     {
     document.getElementById("myArea").value=text1.substr(0,maxLen);//只显示起始位-末尾;substr(起始位,末尾)
     len=0;
     }else{
     len=maxLen-text1.length;
     }
     document.getElementById("pinglun").innerText=len;}

    相关文章:

    javascript TextArea动态显示剩余字符_表单特效

    怎么实现获取textarea的动态剩余字数

    js判断文本框剩余可输入字数的方法

    文档

    Javascript_input、textArea实时显示剩余可输入的字数

    Javascript_input、textArea实时显示剩余可输入的字数:实时显示剩余可输入的字数 效果,字母,数字,中文都算一个目录目录实时显示剩余可输入的字数效果代码快捷链接实时显示剩余可输入的字数效果代码html部分 <h2>实时显示剩余可输入的字数(字母,数字,中文都算一个字)</h2> <h>
    推荐度:
    标签: 字数 js javascript
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top