输入字段文本css重置

时间:2012-07-17 10:11:46

标签: javascript css html5 css3

请参阅小提琴http://jsfiddle.net/a765q/1/

如果单击重置按钮,文本颜色将变为灰色。怎么办?

2 个答案:

答案 0 :(得分:3)

我建议您使用较新的placeholder属性,而不是您要使用的方法。

从小提琴中修改!:

<input name="address" id="address" type="text" placeholder="Address" />

答案 1 :(得分:1)

这是工作小提琴:http://jsfiddle.net/surendraVsingh/a765q/13/

<强> HTML

<form action="">
    <input name="address" id="address" type="text" value="Address" />
    <input name="reset" type="reset" value="Reset Form">
</form>​

<强> Jquery的

 $('#address').focus(function(){
    $(this).val(''); 
    $(this).css('color', '#000'); 

});
$('input[type="reset"]').click(function(){

       $('#address').css('color', '#999'); 
});