¿Cómo ocultar la URL del formulario de información de credenciales al enviar el formulario HTML?

En este artículo, aprenderemos cómo ocultar la información de la credencial en la URL al enviar el formulario HTML. El método POST se utiliza para ocultar la información de la credencial. Obtiene los datos de los campos del formulario HTML y los envía a través del encabezado HTTP sin mostrarse en la URL. Supongamos que si un usuario ingresa las credenciales como nombre de usuario = GEEKS y contraseña = gfg a través de un formulario de inicio de sesión HTML en una página web utilizando el método POST, los datos del formulario se envían posteriormente como una transacción posterior HTTP.

Dado un formulario y la tarea es ocultar la información de la credencial en la URL. Para crear un formulario, use HTML como interfaz y código PHP en el backend. El valor POST del atributo METHOD del formulario HTML se utiliza con el fin de ocultar información confidencial/personal de terceros.

Sintaxis:

<FORM METHOD = "POST">

Valores:

  • OBTENER: los datos del formulario se agregan a la URL en pares de nombre/valor.
  • POST: los datos del formulario se envían posteriormente como una transacción posterior HTTP.

Cree un formulario HTML y use el atributo de acción para enviar la solicitud al archivo PHP mencionado especificado en el método de código a

El método isset() se usa en PHP para probar si el formulario se envía correctamente o no. Para comprobar el método $_POST[‘submit’], utilice la función isset(). Cuando un usuario hace clic en el botón Enviar, esta acción funcionará como un método POST y la URL será como (localhost/login.php) como se muestra en la salida del servidor localhost.

Nota: el servidor XAMPP o WAMP se puede usar para ejecutar el programa en el servidor localhost.

Ejemplo: El ejemplo dado ilustrará el funcionamiento de la información de credenciales que se ocultará en la URL:

  • Interfaz

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>Login Form</title>
</head>
  
<body bgcolor="cherry">
    <h2>Login Form Using POST Method</h2>
    <hr>
    <form method="POST" action="login.php">
        Username <input type="text" name="user" 
                  placeholder="Enter Username" size="25">
      <br><br>
        Password <input type="password" name="pass" 
                  maxlength="25">
      <br><br>
        <input type="Submit" value="Submit">
    </form>
</body>
  
</html>
  • back-end

PHP

<!DOCTYPE html>
<?php
    
if (isset($_POST['submit'])) {
    echo "Form is submitted successfully";
}
?>

Producción:

Entonces, así es como se cifran los datos del formulario HTML y los usuarios no ven las credenciales en la URL del navegador.

Publicación traducida automáticamente

Artículo escrito por annieahujaweb2020 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *