最新文章專題視頻專題問(wèn)答1問(wèn)答10問(wèn)答100問(wèn)答1000問(wèn)答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題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關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問(wèn)答文章1 問(wèn)答文章501 問(wèn)答文章1001 問(wèn)答文章1501 問(wèn)答文章2001 問(wèn)答文章2501 問(wèn)答文章3001 問(wèn)答文章3501 問(wèn)答文章4001 問(wèn)答文章4501 問(wèn)答文章5001 問(wèn)答文章5501 問(wèn)答文章6001 問(wèn)答文章6501 問(wèn)答文章7001 問(wèn)答文章7501 問(wèn)答文章8001 問(wèn)答文章8501 問(wèn)答文章9001 問(wèn)答文章9501
當(dāng)前位置: 首頁(yè) - 科技 - 知識(shí)百科 - 正文

Javascript_input、textArea實(shí)時(shí)顯示剩余可輸入的字?jǐn)?shù)

來(lái)源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 19:32:50
文檔

Javascript_input、textArea實(shí)時(shí)顯示剩余可輸入的字?jǐn)?shù)

Javascript_input、textArea實(shí)時(shí)顯示剩余可輸入的字?jǐn)?shù):實(shí)時(shí)顯示剩余可輸入的字?jǐn)?shù) 效果,字母,數(shù)字,中文都算一個(gè)目錄目錄實(shí)時(shí)顯示剩余可輸入的字?jǐn)?shù)效果代碼快捷鏈接實(shí)時(shí)顯示剩余可輸入的字?jǐn)?shù)效果代碼html部分 <h2>實(shí)時(shí)顯示剩余可輸入的字?jǐn)?shù)(字母,數(shù)字,中文都算一個(gè)字)</h2> <h>
推薦度:
導(dǎo)讀Javascript_input、textArea實(shí)時(shí)顯示剩余可輸入的字?jǐn)?shù):實(shí)時(shí)顯示剩余可輸入的字?jǐn)?shù) 效果,字母,數(shù)字,中文都算一個(gè)目錄目錄實(shí)時(shí)顯示剩余可輸入的字?jǐn)?shù)效果代碼快捷鏈接實(shí)時(shí)顯示剩余可輸入的字?jǐn)?shù)效果代碼html部分 <h2>實(shí)時(shí)顯示剩余可輸入的字?jǐn)?shù)(字母,數(shù)字,中文都算一個(gè)字)</h2> <h>
實(shí)時(shí)顯示剩余可輸入的字?jǐn)?shù) 效果,字母,數(shù)字,中文都算一個(gè)

目錄

  • 目錄

  • 實(shí)時(shí)顯示剩余可輸入的字?jǐn)?shù)

  • 效果

  • 代碼

  • 快捷鏈接


  • 實(shí)時(shí)顯示剩余可輸入的字?jǐn)?shù)

    效果

    1.gif

    代碼

    html部分

     <h2>實(shí)時(shí)顯示剩余可輸入的字?jǐn)?shù)(字母,數(shù)字,中文都算一個(gè)字)</h2>
     <h>昵稱:</h>
     <input type="text" id="myText" maxlength="15" onKeyUp="keypress1()"/>
     <label id="name">15</label><span>/</span><label>15</label>
     <br>
     <h>評(píng)論內(nèi)容:</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;//記錄剩余字符串的長(zhǎng)度
     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;}

    相關(guān)文章:

    javascript TextArea動(dòng)態(tài)顯示剩余字符_表單特效

    怎么實(shí)現(xiàn)獲取textarea的動(dòng)態(tài)剩余字?jǐn)?shù)

    js判斷文本框剩余可輸入字?jǐn)?shù)的方法

    聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

    文檔

    Javascript_input、textArea實(shí)時(shí)顯示剩余可輸入的字?jǐn)?shù)

    Javascript_input、textArea實(shí)時(shí)顯示剩余可輸入的字?jǐn)?shù):實(shí)時(shí)顯示剩余可輸入的字?jǐn)?shù) 效果,字母,數(shù)字,中文都算一個(gè)目錄目錄實(shí)時(shí)顯示剩余可輸入的字?jǐn)?shù)效果代碼快捷鏈接實(shí)時(shí)顯示剩余可輸入的字?jǐn)?shù)效果代碼html部分 <h2>實(shí)時(shí)顯示剩余可輸入的字?jǐn)?shù)(字母,數(shù)字,中文都算一個(gè)字)</h2> <h>
    推薦度:
    標(biāo)簽: 字?jǐn)?shù) js javascript
    • 熱門焦點(diǎn)

    最新推薦

    猜你喜歡

    熱門推薦

    專題
    Top