Mensaje en un campo de texto

[marcos46g]

En el campo de texto de un formulario deseo que aparezca una leyenda para el usuario que completa el formulario.
Eso lo logré como muestro en el codigo que he pegado ,pero como he visto en otras webs me gustaria que al ingresar un caracter el usuario se borre este texto informativo , en mi caso deberia borrarlo el usuario y no me parece nada profesional.
Ademas de ser posible me gustaria que tuviera un color de fuente diferente (he visto que se usa un gris claro pero no se como ponerle una fuente diferente que el texto que ingresa el usuario alli
Si me das una manito te lo agradezco mucho

Código PHP:

  <input name="textfield" type="text" value="<? if(!empty($_GET["calle"])){ echo $_GET["calle"];} else {echo'no ingrese el Nro. solo el nombre';} ?>" size="30" />
    </div></t  

[lukas4]

para eso ocuparias hacerlo con una funcion onclick en javascript, algo asi:

Código PHP:

<script>
function funcion1(){
if(getElementById('calle').value="Nombre de la calle"){
  getElementById('calle').value=""
 }
}
</script>
 
<?php
if(empty($_GET["calle"])){?>
  <input name="texto" type="text" value="Nombre de la calle" onclick="funcion1()" id="calle"/>
<?php
}
?>
 

creo que eso funciona, no lo probe, solo lo escribi :P

[marcos46g]

Iniciado por lukas4

para eso ocuparias hacerlo con una funcion onclick en javascript, algo asi:

Código PHP:

<script>
function funcion1(){
if(getElementById('calle').value="Nombre de la calle"){
  getElementById('calle').value=""
 }
}
</script>
 
<?php
if(empty($_GET["calle"])){?>
  <input name="texto" type="text" value="Nombre de la calle" onclick="funcion1()" id="calle"/>
<?php
}
?>
 

creo que eso funciona, no lo probe, solo lo escribi :P

No borra el campo al hacer click en El

[GatorV]

Tema movido desde PHP a Javascript

[lukas4]

ah ya se porke, me falto poner una cosita muy importante :P trata asi ahora:

Código Javascript:

<script type="text/javascript">
function funcion1(){
if(document.getElementById('calle').value="Nombre de la calle"){
   document.getElementById('calle').value="" }
}</script>