Hola mi nombre es Airo soy nuevo en el foro y también en el mundo de la programación actualmente me encuentro aprendiendo HTML5, justo ahora estaba practicando, aplicando el conocimiento ya adquirido (aunque poco)
mi problema actual es el siguiente:
Quiero llevar datos rellenados de una página a otra.
Por ejemplo:
Tengo los siguientes campos...
Nombre: Juan
Apellido: Rodriguez
País: Perú
Edad: 18
Botón: "Enviar"
Ahora para llevar a esos datos a otra página con la siguiente estructura:
Tu nombre es: Juan
Tu apellido es: Rodriguez
Tu país es: Perú
Tu edad es: 18
Botón: "Volver"
Ya he logrado crear la mayor parte de esto, lo único que no puedo hacer es llevar los datos al otro lado.
Primer Código: Cita: <!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8"/>
<title>Formulario</title>
<style>
/** Css Simple **/
label {
display:block;
margin-top:20px;
letter-spacing:1px;
}
.formulario {
display:block;
margin:0 auto;
width:510px;
color: #666666;
font-family:Arial;
}
#submit {
width:85px;
height:35px;
border:none;
margin-top:20px;
cursor:pointer;
color: blue;
font-weight: bolder;
}
li {
color: red;
list-style: none;
text-align: center;
margin: 15px;
font-weight: bold;
}
h2 {
color: #003399;
}
input#FormularioCentrado{
text-align: center;
}
body {
background-color: #cecece;
}
</style>
<script>
function enviar(formulario){
document.testeum.action=formulario;
document.testeum.submit();
}
</script>
</head>
<body>
<div id="interfaceDoUsuario">
<!--- Formulario -->
<section class="formulario">
<ul>
<li>
<h2>Formulario</h2>
</li>
<li>
<form name="testeum" action="resultado.html" method="post"></form>
<label for="name">Nome:</label>
<input id="FormularioCentrado" type="text" placeholder="" autocomplete="on">
</li>
<li>
<label for="apelido">Apelido:</label>
<input id="FormularioCentrado" type="text" placeholder="" autocomplete="on">
</li>
<li>
<label for="cidade">Cidade:</label>
<input id="FormularioCentrado" type="text" placeholder="" autocomplete="on">
</li>
<li>
<label for="idade">Idade:</label>
<input id="FormularioCentrado" type="text" placeholder="" autocomplete="on">
</li>
<!-- Botão de Submit -->
<li>
<input id="submit" type="button" name="submit" value="Enviar" onclick="enviar('resultado.html')"/>
</form>
</li>
</ul>
</section>
</div>
</body>
</html>
Segundo código: Cita: <!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8"/>
<title>Formulario</title>
<style>
/** Css Simple **/
label {
display:block;
margin-top:20px;
letter-spacing:1px;
}
.formulario {
display:block;
margin:0 auto;
width:510px;
color: #666666;
font-family:Arial, sans-serif;
}
#submit {
width:85px;
height:35px;
border:none;
margin-top:20px;
cursor:pointer;
color: blue;
font-weight: bolder;
}
li {
color: red;
list-style: none;
text-align: center;
margin: 15px;
font-weight: bold;
}
h2 {
color: #003399;
}
input#FormularioCentrado{
text-align: center;
}
body {
background-color: #cecece;
}
</style>
<script>
function enviar(formulario){
document.testeum.action=formulario;
document.testeum.submit();
}
</script>
<title>Resultado</title>
</head>
<body>
<div id="interfaceDoUsuario">
<!--- Formulario -->
<section class="formulario">
<ul>
<li>
<h2>Resultado</h2>
</li>
<li>
<form name="testeum" action="resultado.html" method="post"></form>
<label for="name">O seu nome é:</label>
<input id="FormularioCentrado" type="text" placeholder="">
</li>
<li>
<label for="apelido">O seu apelido é:</label>
<input id="FormularioCentrado" type="text" placeholder="">
</li>
<li>
<label for="cidade">A sua cidade atual é:</label>
<input id="FormularioCentrado" type="text" placeholder="">
</li>
<li>
<label for="idade">A sua idade é:</label>
<input id="FormularioCentrado" type="text" placeholder="">
</li>
<!-- Botão de Submit -->
<li>
<input id="submit" type="button" name="submit" value="Voltar" onclick="enviar('Formulario.html')"/>
</form>
</li>
</ul>
</section>
</div>
</body>
</html>
¿Alguien podría ayudarme?
P.D: Incluí los CSS en el mismo HTML debido a que es sólo por prática. Cuando sea algo más en serio sé que debo crear otra .css aparte ya que no ocupa tanto espacio de esa manera.
Gracias.