重置時輸入字段文本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'); 
});