• inupt textarea提示文字(点击消失,不输入恢复)及限制字数


    效果:

     input:

    textarea:

    源码:

    input:
    <input name="textfield" type="text"  maxlength="20" value="请输入文字.."
        onfocus="if (value =='请输入文字..'){value =''}"
        onblur="if (value ==''){value='请输入文字..'}" />
    <br><br>
    textarea:
    <textarea cols="50" rows="5" id="textarea" onKeyDown="textdown(event)"
        onKeyUp="textup()" onfocus="if(value=='限100字'){value=''}"
        onblur="if (value ==''){value='限100字'}">限100字</textarea>
    
    <SCRIPT type="text/javascript">    
    function textdown(e) {
        textevent = e;
        if (textevent.keyCode == 8) {
            return;
        }
        if (document.getElementById('textarea').value.length >= 100) {
            alert("大侠,手下留情,此处限字100")
            if (!document.all) {
                textevent.preventDefault();
            } else {
                textevent.returnValue = false;
            }
        }
    }
    function textup() {
        var s = document.getElementById('textarea').value;
        //判断ID为text的文本区域字数是否超过100个 
        if (s.length > 100) {
            document.getElementById('textarea').value = s.substring(0, 100);
        }
    }
    </SCRIPT>    
  • 相关阅读:
    SQLSERVER查询某张表哪些字段包含某关键字
    SQLSERVER初始化机构path
    Golang的ORM框架之gorm
    Golang的web框架之Gin
    初识Go逆向
    GIT 常用命令
    mac上系统偏好里无法停止mysql
    js正则高级用法: 分组和断言
    Java强软弱虚四种引用的使用场景
    两数之和
  • 原文地址:https://www.cnblogs.com/ljmin/p/2600170.html
Copyright © 2020-2023  润新知