Inicio del Curso
Codigos de los ejercicios del curso
Paso de datos por GET
En este ejercicio pasamos los datos por GET
Puedes probarlo Aqui
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Paso de datos por GET</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<h1>Paso de datos por GET</h1>
<a href="pasodedatosporget.php?var1=valor1&var2=valor2&var3=valor3">Enlace 1</a><br>
<?php
if (isset($_GET["var1"]) && !empty($_GET["var1"])) {
echo "La variable 1 es: ".$_GET["var1"]."<br>";
}
if (isset($_GET["var2"]) && !empty($_GET["var2"])) {
echo "La variable 2 es: ".$_GET["var2"]."<br>";
}
if (isset($_GET["var3"]) && !empty($_GET["var3"])) {
echo "La variable 3 es: ".$_GET["var3"]."<br>";
}
?>
<h3>Rellena los campos</h3>
<form method="get" action="pasodedatosporget.php">
<label>Escribe un nombre</label><br>
<input type="text" name="nombre" placeholder="Nombre"><br><br>
<label>Escribe un apellido</label><br>
<input type="text" name="apellido" placeholder="Apellido"><br><br>
<label>Escribe un email</label><br>
<input type="text" name="email" placeholder="usuario@usuario.es"><br><br>
<label>Escribe tu contraseña</label><br>
<input type="password" name="pass" placeholder="contraseña"><br><br>
<label>Deja tu comentario</label><br>
<textarea name="comentario" rows="5" cols="40"></textarea><br><br>
<label>Introduce tu genero</label><br>
<input type="radio" name="genero" value="mujer">Mujer
<input type="radio" name="genero" value="hombre">Hombre
<input type="radio" name="genero" value="otro">Otro<br><br>
<h3>¿Que tipo de musica te gusta?</h3>
<input type="checkbox" name="musica[]" value="Rock">Rock
<input type="checkbox" name="musica[]" value="Pop">Pop
<input type="checkbox" name="musica[]" value="Folk">Folk
<input type="checkbox" name="musica[]" value="Country">Country<br><br>
<label for="favcolor">Selecciona tu color favorito:</label>
<input type="color" name="color" value="#ff0000"><br><br>
<input type="reset" value="Borrar">
<input type="submit" value="Enviar"><br><br>
</form>
<?php
if (isset($_GET["nombre"]) && !empty($_GET["nombre"])) {
echo "El nombre introducido es: ".$_GET["nombre"]."<br><br>";
}
if (isset($_GET["apellido"]) && !empty($_GET["apellido"])) {
echo "El apellido introducido es: ".$_GET["apellido"]."<br><br>";
}
if (isset($_GET["email"]) && !empty($_GET["email"])) {
echo "El email introducido es: ".$_GET["email"]."<br><br>";
}
if (isset($_GET["pass"]) && !empty($_GET["pass"])) {
echo "La contraseña introducida es: ".$_GET["pass"]."<br><br>";
}
if (isset($_GET["comentario"]) && !empty($_GET["comentario"])) {
echo "El comentario introducido es: ".$_GET["comentario"]."<br><br><br>";
}
if (isset($_GET["genero"]) && !empty($_GET["genero"])) {
echo "El género introducido es: ".$_GET["genero"]."<br><br>";
}
if (isset($_GET["musica"]) && !empty($_GET["musica"])) {
echo "La música que te gusta es: ";
foreach ($_GET["musica"] as $value) {
echo $value.", ";
}
}
if (isset($_GET["color"]) && !empty($_GET["color"])) {
$pinta = $_GET["color"];
echo "<h4 style=\"color:$pinta\">Este es tu color favorito.</h4>";
}
?>
</body>
</html>
Paso de datos por POST
En este ejercicio pasamos los datos por POST
Puedes probarlo Aqui
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Formulario de contacto</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="container">
<nav>
Este es el menú
</nav>
<?php
if (!$_POST) {
?>
<main>
<h1>Rellena nuestro formulario de contacto</h1>
<div id="formulario">
<h2>Formulario de contacto</h2>
<form action="<?php echo $_SERVER["PHP_SELF"]; ?>" method="post">
<label for="nombre">Escribe un nombre</label><br>
<input type="text" id="nombre" name="nombre" placeholder="Nombre" required><label> * </label><br><br>
<label for="apellido">Escribe un apellido</label><br>
<input type="text" id="apellido" name="apellido" placeholder="Apellido"><label> * </label><br><br>
<label for="email">Escribe un email</label><br>
<input type="text" id="email" name="email" placeholder="usuario@usuario.es"><label> * </label><br><br>
<label for="pass">Escribe tu contraseña</label><br>
<input type="password" id="pass" name="pass" placeholder="contraseña"><label> * </label><br><br>
<label for="comentario">Deja tu comentario</label><br>
<textarea name="comentario" id="comentario" rows="5" cols="40"></textarea><br><br>
<label for="genero">Introduce tu género</label><br>
<input type="radio" id="genero1" name="genero" value="Mujer">Mujer
<input type="radio" id="genero2" name="genero" value="Hombre">Hombre
<input type="radio" id="genero3" name="genero" value="Otro">Otro<br><br>
<h3>¿Qué tipo de música te gusta?</h3>
<input type="checkbox" name="musica[]" value="Rock">Rock
<input type="checkbox" name="musica[]" value="Pop">Pop
<input type="checkbox" name="musica[]" value="Folk">Folk
<input type="checkbox" name="musica[]" value="Country">Country<br><br>
<label for="favcolor">Selecciona tu color favorito:</label>
<input type="color" id="favcolor" name="color" value="#ff0000"><br><br>
<label for="enviar">Los campos marcados * son obligatorios.</label><br>
<input type="reset" value="Borrar">
<input type="submit" id="enviar" value="Enviar"><br><br>
</form>
</div>
<?php
} else if (isset($_POST["firmadopor"])) {
?>
<h1>Datos enviados correctamente</h1>
<?php
} else if (!isset($_POST["nombre"]) || empty($_POST["nombre"])) {
?>
<div id="formulario">
<h2>Rellena el Formulario de contacto</h2>
<form action="<?php echo $_SERVER["PHP_SELF"]; ?>" method="post">
<label>Escribe un nombre</label><br>
<input type="text" name="nombre" placeholder="Nombre"><br><br>
<label>Escribe un apellido</label><br>
<input type="text" name="apellido" placeholder="Apellido"><br><br>
<label>Escribe un email</label><br>
<input type="text" name="email" placeholder="usuario@usuario.es"><br><br>
<label>Escribe tu contraseña</label><br>
<input type="password" name="pass" placeholder="contraseña"><br><br>
<label>Deja tu comentario</label><br>
<textarea name="comentario" rows="5" cols="40"></textarea><br><br>
<label>Introduce tu género</label><br>
<input type="radio" name="genero" value="Mujer">Mujer
<input type="radio" name="genero" value="Hombre">Hombre
<input type="radio" name="genero" value="Otro">Otro<br><br>
<h3>¿Qué tipo de música te gusta?</h3>
<input type="checkbox" name="musica[]" value="Rock">Rock
<input type="checkbox" name="musica[]" value="Pop">Pop
<input type="checkbox" name="musica[]" value="Folk">Folk
<input type="checkbox" name="musica[]" value="Country">Country<br><br>
<label for="favcolor">Selecciona tu color favorito:</label>
<input type="color" name="color" value="#ff0000"><br><br>
<input type="reset" value="Borrar">
<input type="submit" value="Enviar"><br><br>
</form>
</div>
<?php
} else {
?>
<h1>Gracias por haber enviado el formulario de contacto</h1>
<h2>Los datos enviados son los siguientes</h2>
<?php
if (isset($_POST["nombre"]) && !empty($_POST["nombre"])) {
echo "El nombre introducido es: ".$_POST["nombre"]."<br><br>";
}
if (isset($_POST["apellido"]) && !empty($_POST["apellido"])) {
echo "El apellido introducido es: ".$_POST["apellido"]."<br><br>";
}
if (isset($_POST["email"]) && !empty($_POST["email"])) {
echo "El email introducido es: ".$_POST["email"]."<br><br>";
}
if (isset($_POST["pass"]) && !empty($_POST["pass"])) {
echo "La contraseña introducida es: ".$_POST["pass"]."<br><br>";
}
if (isset($_POST["comentario"]) && !empty($_POST["comentario"])) {
echo "El comentario introducido es: ".$_POST["comentario"]."<br><br>";
}
if (isset($_POST["genero"]) && !empty($_POST["genero"])) {
echo "El género introducido es: ".$_POST["genero"]."<br><br>";
}
if (isset($_POST["musica"]) && !empty($_POST["musica"])) {
echo "La música que te gusta es: ";
foreach ($_POST["musica"] as $value) {
echo $value.", ";
}
}
if (isset($_POST["color"]) && !empty($_POST["color"])) {
$pinta = $_POST["color"];
echo "<h3 style=\"color:$pinta\">Este es tu color favorito.</h3>";
}
?>
<form action="<?php echo $_SERVER["PHP_SELF"]; ?>" method="post">
<label>Leído por</label><br>
<input type="text" name="firmadopor" placeholder="Veselin"><br><br>
<input type="submit" value="Enviar">
</form>
<?php
}
?>
</main>
</div>
</body>
</html>