html字体颜色自动变化,HTML判断输入长度，体会字体颜色变化(示例代码)

骑猪看日落 2022-10-05 12:49 289阅读 0赞

Document

// change()方法 在id 为txt 的TextBox 触发 onkeyup 事件时执行

function change()

{

//找到txt 并获得他的内容

//var value=document.getElementByName(‘txt‘).value;

var value=document.getElementById(‘txt‘).value;

//计算还可以输入多少字符

var sum=20-value.length;

//判断能输入的字符数是否为负

if(sum<0)

{

//找到显示控件 并显示相应提示

document.getElementById(‘showDiv‘).innerHTML= ‘您还可以输入‘+sum+‘字符‘;

//为负设置颜色为红色

document.getElementById(‘showDiv‘).style.color=‘red‘;

}

else{

document.getElementById(‘showDiv‘).innerHTML= ‘您还可以输入‘+sum+‘字符‘;

document.getElementById(‘showDiv‘).style.color=‘green‘;

}

}

Hello World!

输入测试文字

您还可以输入20字符

发表评论

表情：
评论列表 （有 0 条评论，289人围观）

还没有评论，来说两句吧...

相关阅读