Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » HTML » Quisiera que la informacion que meta en el formulario me aparezca debajo del boton

HTML - Quisiera que la informacion que meta en el formulario me aparezca debajo del boton

Volver
Nuevo Tema
<<>>
 
Vista:

Quisiera que la informacion que meta en el formulario me aparezca debajo del boton

Publicado por Angel (1 intervención) el 11/09/2014 07:00:51
Hola quisiera ayuda... que la informacion que meta en el formulario
me aparezca debajo del boton.. dentro de la misma pagina, no me la envie a mi correo

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
    <head>
        <title>EXAMEN</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <h1><font color="blue">DATOS PERSONALES</font></h1>
        <h2><font face="bold">EXAMEN</font></h2>
            <form>
                NOMBRE:
                <input type="text" size="40" maxlength="70" value="NOMBRE" name="nombre" id="name"><br><br>
                TELEFONO:
                <input type="tel" size="40" maxlength="10" value="TELEFONO" name="telefono" id="telefono"><br><br>
                EMAIL:
                <input type="email" size="40" maxlength="50" value="@" name="email" id="email"><br><br>
                <input type="button" value="ENVIAR" >
                <br><br>
                TUS DATOS SON:
            </form>
 
    </body>
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve
Val: 1.144
Oro
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Quisiera que la informacion que meta en el formulario me aparezca debajo del boton

Publicado por xve (1543 intervenciones) el 11/09/2014 08:56:48
Hola Angel, para ello, tendrás que utilizar JavaScript...

Haber que te parece este código:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="utf-8">
	<title>EXAMEN</title>
 
	<script>
	function mostrar()
	{
		var nombre=document.getElementById("name").value;
		var telefono=document.getElementById("telefono").value;
		var mail=document.getElementById("email").value;
		document.getElementById("resultado").innerHTML="TUS DATOS SON:<br>"+nombre+"<br>"+telefono+"<br>"+mail;
	}
	</script>
</head>
 
<body>
 
<h1><font color="blue">DATOS PERSONALES</font></h1>
<h2><font face="bold">EXAMEN</font></h2>
	<form>
		NOMBRE:
		<input type="text" size="40" maxlength="70" value="NOMBRE" name="nombre" id="name"><br><br>
		TELEFONO:
		<input type="tel" size="40" maxlength="10" value="TELEFONO" name="telefono" id="telefono"><br><br>
		EMAIL:
		<input type="email" size="40" maxlength="50" value="@" name="email" id="email"><br><br>
		<input type="button" value="ENVIAR" onclick="mostrar();">
		<br><br>
		<div id="resultado"></div>
	</form>
 
</body>
</html>

Coméntanos, ok?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar