|
需求：html中input文本框，当获得焦点时，文本框的颜色变化，失去焦点时，恢复原来的颜色。这个用JS怎么弄啊？不用JS也可以，只要能实现在“获得/失去焦点”能改变文本框的颜色，这个都可以。 |
|
 20分 |
document.getElementById(“”some_input_id””).style.color = “”#abcdef””;
|
40分 |
使用Jquery 异常的简单…详细Demo + QQ 409零20100
|
 |
我下班了…
看一下里面的几个DEMO Jquery有几个极大的好处 简单易学,只要学会了选择器,就可以做出很绚丽的效果 轻量级解决方案,Min才几十k的大小 插件非常的丰富,基于Jquery可以完成很多特效,因为本身JQuery就是JS的框架 |
|
<html>
<body>
<form name="testForm">
<input type="input" id="somId" name="UserName"
onFocus="document.getElementById(""somId"").style.backgroundColor=""#eee"""
onblur="document.getElementById(""somId"").style.backgroundColor=""#fff"""
value="Test">
</form>
</body>
</html>
|
10分 |
<input type="input" onFocus="this.style.backgroundColor=""red""" onblur="this.style.backgroundColor=""white""" value="颜色变化"> |
10分 |
这个吧，价格便宜量又足。 |
|
这些貌似都不行啊！获得/失去焦点的确变了颜色，但你们这个失去焦点时，文本框就明显有边框了。不美观啦！
|
|
<input type=”input”
onFocus=”this.style.backgroundColor=””red””” onblur=”this.style.backgroundColor=””””” value=”颜色变化”> 你说的这个不算问题 移开的时候不设置背景颜色就行可 |
|
这个问题是很久以前的问题啦。我早就解决了。谢谢你的回答。 |
|
如果不用jquery，那input很多的时候，岂不是要一个一个设置，那多麻烦啊。 |
|
[code=javascript]<script type="text/javascript">
function bs()
{
document.getElementById("ys").style.backgroundColor="#123321";
}
function bk()
{
document.getElementById("ys").style.backgroundColor="red";
}
</script>
<body>
<input type="text" name="s" id="ys" value="变颜色" onFocus="bs()" onblur="bk()" >
</body>
[/code] |
CodeBye 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明js怎么实现文本框中的颜色变化！
