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

   
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
información
Otras secciones de LWP con contenido de HTML
- Código fuente de HTML
- Cursos de HTML
- Temas de HTML
- Chat de HTML
información
Códigos de HTML
- Formulario personalizado
- Marquesina
- Tipo de bordes
Imágen de perfil de xve

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

Publicado por xve (1178 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