Campo atenuado en formulario y mensaje de error

[David_dfd]

Saludos amigos, aqui estoy nuevamente molestando.

Despues de consultar un formulario que necesito en http://www.forosdelweb.com/f4/rediri...ulario-795048/ donde Hidek1 me ha ayudado bastante bien tengo la siguiente duda.

Código:

<script>
function enviar(){
  dato1 = document.getElementById('dato1').value;
  dato2 = document.getElementById('dato2').value;
  document.myform.action = dato1+"-"+dato2+".html";
  document.myform.submit();
}
</script>
<form name="myform" action="" method="post">
  <input type="text" value="test1" id="dato1" />
  <input type="text" value="test2" id="dato2" />
  <input type="button" value="enviar" onclick="enviar();" />
</form>

Quiero que los "value", es decir test1 y test2, aparezcan en un gris mas claro para que se vea que son los valores iniciales y que el usuario tiene que escribir lo que desea. Y que cuando haga clic encima se borre el texto y pueda escribir el usuario tal como la barra de búsqueda de google que aparece al inicio de esta web.

Ademas necesito que si el usuario hace clic en el botón y no se han añadido los campos apareciera un mensaje de error.

Gracias