Envío de un formulario a través de GET

Clase 11 de 24 • Curso de PHP: Integración con HTML

Walter Omar Barrios Vazquez

student•

Una forma de validar que nuestras variables, recibidas por GET en este caso, estén definidas es mediante el operador ternario y la función isset:

$nombre = isset($_GET["nombre"]) ? $_GET["nombre"] : "Sin nombre";

Otra forma es usando Null Coalescing Operator:

$nombre = $_GET["nombre"] ?? "Sin nombre";

Fuente:

Joel Dominguez Merino

student•

Muy buena explicación! Ahora entiendo por que en todos los cursos de front eliminamos los atributos 'method' y 'action' del formulario. Comparto el código empleado:

Index

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>iJCode - Envío de Formulario con GET</title>
</head>
<body>
  <!-- Se crea el formulario -->
  <!-- action: Hacia que archivo se mandan los datos -->
  <!-- method: Que método se usara -->
  <form action="server.php" method="GET">
    <!-- Se crean los inputs -->
    <!-- En el input es necesario agregar el atributo 'name' ya que de esta forma se mandara y se podra obtener su valor -->
    <label for="nombre">Nombre:</label>
    <input type="text" id="nombre" name="nombre"/>

    <label for="edad">Edad:</label>
    <input type="text" id="edad" name="edad"/>

    <!-- Se agrega el botón que enviara el formulario *Debe ser de tipo submit -->
    <button type="submit">Enviar Datos</bubtton>
  </form>
</body>
</html>

Server

<?php
  // Se obtiene la información enviada por el método GET
  var_dump($_GET); 

  /*
    Salida de ejemplo:
        array(2) { ["nombre"]=> string(4) "Joel" ["edad"]=> string(1) "2" }
  */

Fernando Yutiz

student•

Recuerden name se utiliza para recuperar el valor en PHP, mientras que id se utiliza en JavaScript.

Gerardo Garduño Rosas

student•

Excelente información que nos da profesor en las clases la verdad aunque en las primeras clases lo estudie para poder hacer mis practicas por que no me sirvió la consola pero ahora me queda mas claro.

Solo me gustaría comentar que de acuerdo con la recomendación del código espagueti si estas pidiendo una variable que es un numero y lo transformas a entero se hace asi.

$edad = (int) $_GET["edad"];

gracias a los aprendizajes de los demás cursos.

Santiago Gomez

student•

El botón también puede ser un input, con el tipo submit

<input type="submit" value="Mandar formulario">

Nelson Junior Moncada Pirela

student•

if ( isset($variable) && !empty($variable) ){
	
	// Si la variable existe
} else{
	// Si la variable no existe
}

Jossie Steeven Quintero Giron

student•

Para que depurar con un snippet

"depurar": {
    "prefix": "depurar",
    "body": ["echo '<pre>';", "print_r($${1});", "echo '</pre>'"],
    "description": "depurar code"
  }

Bryan Castano

student•

Esta clase fue Super() , <br> udfff que connectar esto con Pestesting para website en wordpress y Ciberseguridad me hara llegar a otro nivel de Hacking y esto pienso hacer antes de fin de este anhio. \n

Leonardo Jiménez Ubaque

student•

Les comparto el código que emplee para esta clase HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Formulario con GET</title>
</head>
<body>
<!-- Formulario -->
    <form action="server.php" method="get">
        <!-- Nombre -->
        <label for="nombre">Nombre:</label>
        <input type="text" name="nombre" id="nombre" placeholder="Nombre"><br>
        <!-- Apellido -->
        <label for="apellido">Apellido:</label>
        <input type="text" name="apellido" id="apellido" placeholder="Apellido"><br>
        <!-- Edad -->
        <label for="edad">Edad:</label>
        <input type="number" name="edad" id="edad" placeholder="Edad"><br>
        <!-- Envio -->
        <input type="submit" value="Enviar">
    </form>
</body>
</html>

PHP

<?php

// Truco para debugear y ver lo que llega por GET
echo "<pre>";

var_dump($_GET); // Recupera la información que se envía por GET

echo "</pre>";

// Recuperamos los datos del formulario
$nombre = $_GET['nombre'];
$apellido = $_GET['apellido'];
$edad = $_GET['edad'];

// Mostramos los datos
echo "Hola $nombre $apellido, tienes $edad años";
?>

Jose Alejandro Pantoja Giraldo

student•

buena forma de debug

Albert Riera Callis

student•

estaria bien un curso de todos los formulario con validacion i base de datos

Martha Liliana Dominguez Gonzalez

student•

El atributo name se utiliza para asignar un nombre al campo de entrada. Este nombre es importante porque se utiliza para identificar el campo cuando se envían los datos del formulario al servidor.

Walter Omar Barrios Vazquez

student•

En el ejemplo más simple de label además podríamos obviar el atributo id="Name" si sólo lo usábamos para relacionarlo con el label.

<label>Click me <input type="text" name="Name" /></label>

Walter Omar Barrios Vazquez

student•

<!-- Un simple ejemplo de un label con el atributo for -->
<label for="Name">Click me</label>
<input type="text" id="Name" name="Name" />

<!-- Aún más simple -->
<label>Click me <input type="text" id="Name" name="Name" /></label>

Fuente: mdn

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>iJCode - Envío de Formulario con GET</title>
</head>
<body>
  <!-- Se crea el formulario -->
  <!-- action: Hacia que archivo se mandan los datos -->
  <!-- method: Que método se usara -->
  <form action="server.php" method="GET">
    <!-- Se crean los inputs -->
    <!-- En el input es necesario agregar el atributo 'name' ya que de esta forma se mandara y se podra obtener su valor -->
    <label for="nombre">Nombre:</label>
    <input type="text" id="nombre" name="nombre"/>

    <label for="edad">Edad:</label>
    <input type="text" id="edad" name="edad"/>

    <!-- Se agrega el botón que enviara el formulario *Debe ser de tipo submit -->
    <button type="submit">Enviar Datos</bubtton>
  </form>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Formulario con GET</title>
</head>
<body>
<!-- Formulario -->
    <form action="server.php" method="get">
        <!-- Nombre -->
        <label for="nombre">Nombre:</label>
        <input type="text" name="nombre" id="nombre" placeholder="Nombre"><br>
        <!-- Apellido -->
        <label for="apellido">Apellido:</label>
        <input type="text" name="apellido" id="apellido" placeholder="Apellido"><br>
        <!-- Edad -->
        <label for="edad">Edad:</label>
        <input type="number" name="edad" id="edad" placeholder="Edad"><br>
        <!-- Envio -->
        <input type="submit" value="Enviar">
    </form>
</body>
</html>

<?php

// Truco para debugear y ver lo que llega por GET
echo "<pre>";

var_dump($_GET); // Recupera la información que se envía por GET

echo "</pre>";

// Recuperamos los datos del formulario
$nombre = $_GET['nombre'];
$apellido = $_GET['apellido'];
$edad = $_GET['edad'];

// Mostramos los datos
echo "Hola $nombre $apellido, tienes $edad años";
?>

<!-- Un simple ejemplo de un label con el atributo for -->
<label for="Name">Click me</label>
<input type="text" id="Name" name="Name" />

<!-- Aún más simple -->
<label>Click me <input type="text" id="Name" name="Name" /></label>

Envío de un formulario a través de GET

Introducción

¿Cómo se renderiza una página web en mi computadora?

Levantando un servidor local

¿Cómo combinar HTML con PHP?

PHP como preprocesador de HTML

Imprime texto y etiquetas HTML

Condicionales

Ciclos

¿Cómo pasar variables de PHP a JavaScript?

Evita el código espagueti

Refactorizando código espagueti

Manejo de formularios

Cómo obtener una solicitud al servidor con PHP

Envío de un formulario a través de GET

Envío de un formulario a través de POST

Envío de imágenes

Guardando imágenes en el servidor

Tipos de inputs

Otros tipos de inputs

Valida si un formulario ha sido enviado

Sanitizando datos de mi formulario

Validando datos

Proyecto: formulario de contacto

Creando el maquetado

Haciendo la lógica de recepción del formulario

Integrando PHPMailer

Implementando el servidor de correos de Gmail

Conclusión

Es tu turno de poner todo en práctica