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

新人程序猿,望大家指导,轻喷,谢谢!

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

曾经有个文本框

<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
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞