javascript - 单击鼠标时清除文本字段值

Question

我有三个文本输入字段，比如 this on jsfiddle .

我也把我的代码放在这里:

<table>
    <tr>
        <td><input type="text"  value="age" size=30>
        </td>
    </tr>
    <tr>
        <td> <input type="text"  value="Name" size=30>
        </td>
    </tr>
    <tr>
        <td><input type="text"  value="your email" size=30>
        </td>
    </tr>
</table>

CSS:

input{color:#CCC;}

js:

$('input').click(function() {

            $(this).attr('value', '');
            $(this).css('color','#000');

        }
    });

我希望在每个字段上鼠标点击将清除默认值，当用户输入值时，文本颜色为黑色而不是灰色。

我尝试在 jsfiddle 链接上显示。但是它不起作用，为什么？

Answer 1

在 HTML5 中，您可以为此使用 placeholder:

<input type="text" placeholder="age" size=30>

示例如下:http://jsfiddle.net/24n7t/13/

但它只适用于现代浏览器。