重置时输入字段文本css

Question

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

如果单击“重置”按钮，则文本颜色变为灰色。 怎么做？

Answer 1

我建议为此使用较新的placeholder属性，而不要使用您要使用的方法。

从您的小提琴修改！：

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

Answer 2

这是工作提琴： 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'); 
});