相关疑难解决方法(0)

如何在asp:TextBox中放置一个提示/占位符？当我说一个提示时,我的意思是一些文字在用户点击它时会消失.有没有办法使用html/css实现相同的目标？

这适用于Chrome和支持HTML5中占位符文本的任何其他浏览器

<input id="name" name="name"  type="text" placeholder="Please enter your name..." required /> <br />

但是,它不适用于3.5及更早版本的Firefox,显然是IE8,可能还有其他浏览器.

如何实现相同的功能(最好是在HTML/CSS中 - 如果不是我愿意接受建议),以支持所有旧版浏览器？如果不是每一个浏览器,至少Firefox和IE.

Safari和Chrome已经支持它(或者最新版本).

谢谢.

JS

$(document).ready(function () {
    $(":input[data-watermark]").each(function () {
        $(this).val($(this).attr("data-watermark"));
        $(this).bind('focus', function () {
            if ($(this).val() == $(this).attr("data-watermark")) $(this).val('');
        });
        $(this).bind('blur', function () {
            if ($(this).val() == '') $(this).val($(this).attr("data-watermark"));
            $(this).css('color','#a8a8a8');
        });
    });
});

HTML

<label>Name: </label>
<input class="input" type="text" name="name" maxlength="" data-watermark="My Name" />

CSS

.input{
    width:190px;
    height:16px;
    padding-top:2px;
    padding-left:6px;
    color:#000;
    font-size: 0.688em;
    border:#8c9cad 1px solid;
}

我想要解决的是,每当水印的输入值为文本颜色应为灰色(#a8a8a8)时.当值是用户写的东西时,颜色应该是黑色.

这是小提琴:http://jsfiddle.net/qGvAf/