Entradas claras que têm texto padrão

Às vezes, o atributo marcador de posição HTML5 não é o ideal. Nessas situações, é muito bom adicionar este JS à sua página (certifique-se de incluir também jQuery) para cobrir todas as suas entradas de texto / e-mail

$("input[type='text'], input[type='email']").focus ->
    content = @getAttribute("value")
    $(this).val "" if $(this).val() is content

$("input[type='text'], input[type='email']").blur ->
    content = @getAttribute("value")
    $(this).val content if $(this).val() is ""

ou se coffeescript não é sua praia

$("input[type='text'], input[type='email']").focus(function() {
    var content;
    content = this.getAttribute("value");
    if ($(this).val() === content) {
      return $(this).val("");
    }
});

$("input[type='text'], input[type='email']").blur(function() {
    var content;
    content = this.getAttribute("value");
    if ($(this).val() === "") {
        return $(this).val(content);
    }
});