重置时输入字段文本css答案

【问题标题】：input field text css on reset重置时输入字段文本css
【发布时间】：2012-07-17 19:03:28
【问题描述】：

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

如果我单击重置按钮，文本颜色会变为灰色。怎么办？

【问题讨论】：

您要解决什么问题？据我所知，您对灰色/黑色进行了编码，并且可以正常工作。有什么问题？
html5?然后使用<input name="address" id="address" type="text" placeholder="Address"/> - 没有css，没有javascript
请查看已编辑的问题
想要这样jsfiddle.net/surendraVsingh/a765q/5

标签： javascript html css

【解决方案1】：

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

从你的小提琴修改！：

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

【讨论】：

IE 不支持互联网 ;)
我只想说......它很快就会在 IE 中得到支持，运行旧版本的人不值得看到这样的奇迹（在我看来）
if (document.all){alert("You are using a severly incompatible and outdated browser. Get Chrome");} ;-)
@designersvsoft：我对这个老问题的回答正是你应该做的：stackoverflow.com/questions/7433589/…。如果你不使用 jQuery，有些 polyfills 不使用它。

【解决方案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'); 
});

【讨论】：

不。如果您在input 中键入文本，然后将焦点放在其他内容上，则文本不应该变为灰色。
你是对的 SVS。但请注意我的小提琴位置。如果我们在文本字段中输入值，颜色会从灰色变为黑色。文本颜色不会在焦点或其他东西上改变。只有我点击重置按钮，颜色变成黑色到灰色。
@designersvsoft：叹息。这样做并不是一个好主意。就像现在一样，如果有人只是按下我认为真实存在的提交按钮，“占位符”值将被提交。现在也正在使用 jQuery，所以没有理由不遵循我对其他答案的评论中的建议。
@designersvsoft 如果您不希望用户意外提交默认值，您可以验证表单。
我对你的回答投了反对票，因为你把他带到了花园小路上。如果他继续采用这种方法，他最终会得到一个以许多微妙方式破坏的表单，其中的代码远远超出了必要的范围。