美文网首页
input自适应长度

input自适应长度

作者: zZ_d205 | 来源:发表于2020-08-11 10:54 被阅读0次
       <input type="number"   placeholder="请输入体重" id="patient-weight-input" oninput="changeWidth()"> 
    
    function changeWidth() {
        var testLength = document.getElementById('patient-weight-input').value.length;
        var  testDom = document.getElementById('patient-weight-input');
        if(Number(testDom.value)>250){
            testDom.value=250
        }
        if(testLength){
            $("#patient-kg").show();
            if(testLength<4){
                testDom.style.width = testLength*0.24 + 'rem';
            }
        }else{
            $("#patient-kg").hide();
            testDom.style.width='100%';
        }
    }
    

    相关文章

      网友评论

          本文标题:input自适应长度

          本文链接:https://www.haomeiwen.com/subject/qrmedktx.html