imagen-boton que agregue informacion a campo de formulario

flashtrix · #1 (**permalink**) 17/07/2013, 18:40

hola a todos les saludo...

aca tengo un problemilla que espero me puedan ayudar...

tengo el siguiente formulario

Código HTML:

Ver original<html>
<head>
<title>Formulario</title>
</head>
 
<body>
<form id="form1" name="form1" method="post" action="enviar.php">
  <p><img src="boton.png" width="32" height="32" /> </p>
  <p>
    <input type="text" name="nombre" id="nombre" />
  </p>
  <p>
    <input type="text" name="apellidos" id="apellidos" />
  </p>
  <p>
    <input type="text" name="email" id="email" />
  </p>
  <p>
    <input type="submit" name="button" id="button" value="Enviar" />
    <br />
  </p>
</form>
</body>
</html>

si notan tiene un icono o una imagen (boton.png) en la parte de arriba del formulario, la cual quiero convertir en un botón que al ser oprimido coloque un texto así: <VACIO> en el campo de texto donde este el cursor...

de modo que si estoy en el campo email y oprimo esta imagen-boton aparezca este texto automáticamente y así en el campo que me encuentre....

se que esto se realiza con javascript...así que por favor ayúdenme...

flashtrix · #2 (**permalink**) 17/07/2013, 23:03

este es un ejemplo que encontre hace lo que deseo pero como lo adapto

Código HTML:

Ver original<html> 
<head> 
   <title>Cambiar el valor por defecto</title> 
   <script> 
    function cambiaDefecto(){ 
        document.miFormulario.campo1.defaultValue = "Hola!!" 
    } 
   </script> 
</head>
 
<body> 
<form name="miFormulario" action="mailto:[email protected]" enctype="text/plain"> 
<input type="Text" name="campo1" value="" size="12"> 
<input type="Reset"> 
<br> 
<br> 
 
<input type="button" value="Cambia valor por defecto" onclick="cambiaDefecto()"> 
</form> 
</body> 
</html>