zoukankan      html  css  js  c++  java
  • 用javascript实现控制一个文本框的输入字数限制,超出字数限制文本框飘红显示-面试题

    用javascript实现控制一个文本框的输入字数限制,超出字数限制文本框飘红显示。

    html

    <textarea name="" id="text" cols="30" rows="10" maxLength=10></textarea><br>

    <span id="span"></span>

    javascript

    var str = document.getElementById("text");
    str.onkeyup=function(){
    var con = str.value;
    var len = con.length;
    var spanCon = document.getElementById("span");
    spanCon.innerHTML = "您当前输入了"+len+"字符";
    if(len>=10){
    str.style.background = "red";
    setTimeout(function(){str.style.background = "";},10);
    spanCon.innerHTML = "最多输入"+len+"字符,";
    }else{
    str.style.background = "";
    }

    }

     
  • 相关阅读:
    Javabean(MAX)
    电梯时间计算
    FT232R USB UART驱动安装
    java多态
    php文件上传代码
    $_FILES ERROR
    17
    php伪静态
    我的博客开通了!
    【省选划水记】我确实是在划水。
  • 原文地址:https://www.cnblogs.com/hr2014/p/3853416.html
Copyright © 2011-2022 走看看