关于通过JS变更文本框内文字与颜色

2024年4月19日 423次阅读 来源: 小被窝里大冒险

新人程序猿，望大家指导，轻喷，谢谢！

(因为公司内外网隔离，无法复制粘贴，所有代码都是手敲的)

曾经有个文本框

<input id="inputId" style="line-height: 22px;" class='easyui-validatebox' >

想要在文本框内实现输入提示的功能
最开始想用placeholder去实现，但发现easyui好像不支持placeholder，所以就自己用js去实现，好在也不复杂。

在htm里添加了onclick和onblur方法调用，变成如下：

<input id="inputId" style="line-height: 22px;" class='easyui-validatebox' οnclick="addClick()" onBlur="addBlur">

然后在js中增加了如下的方法（onClick方法差不多就不写了）：

function addBlur(){ 
	if($("#inputId").val() == ""){ 
		$("#inputId").val("请输入");
		$("#inputId").style.color="red";
	}
}

文字内容控制没有问题，但是颜色的控制怎么尝试都不行。后来改用如下代码：

function addBlur(){ 
	if($("#inputId").val() == ""){ 
		$("#inputId").val("请输入");
		$("#inputId").css("color","red");
	}
}

就可以了。真是百思不得其姐啊。

    原文作者：小被窝里大冒险
    原文地址: https://blog.csdn.net/m0_46150601/article/details/106187508
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞