Formularios

Los formularios web son elementos interactivos en las páginas web que permiten a los usuarios enviar datos al servidor. Estos datos pueden ser cualquier cosa, desde información de contacto hasta comentarios o búsquedas.

Métodos de envío de formularios: GET y POST

Cuando se envía un formulario, los datos se envían al servidor utilizando un método específico. Los dos métodos más comunes son GET y POST:

GET:
- Los datos se envían a través de la URL, lo que significa que son visibles en la barra de direcciones del navegador.
- Se utiliza principalmente para solicitar datos del servidor, como búsquedas o filtros.
- Tiene un límite en la cantidad de datos que se pueden enviar.
- Menos seguro para datos sensibles, ya que son visibles en la URL.
POST:
- Los datos se envían en el cuerpo de la solicitud HTTP, lo que los hace invisibles en la URL.
- Se utiliza principalmente para enviar datos al servidor, como información de inicio de sesión o comentarios.
- No tiene un límite estricto en la cantidad de datos que se pueden enviar.
- Mas seguro para datos sensibles.

Elementos de formulario comunes:

<input>:
- Se utiliza para crear campos de entrada de texto, contraseñas, números, casillas de verificación, botones de radio y más.
- El atributo type define el tipo de campo de entrada.
- El atributo name es esencial, ya que define el nombre de la variable que contendrá los datos enviados.
<textarea>:
- Se utiliza para crear campos de entrada de texto de varias líneas, como para comentarios o mensajes largos.
<button>:
- Se utiliza para crear botones que pueden enviar el formulario o realizar otras acciones.
- El atributo type define el tipo de botón, siendo el mas común “submit”, para enviar el formulario.

Ejemplo de formulario con POST:

<!DOCTYPE html>
<html>
    <head></head>
    <body>
        
        <form action="procesar.php" method="post">
            <label for="nombre">Nombre:</label>
            <input type="text" name="nombre" id="nombre"><br><br>
        
            <label for="comentario">Comentario:</label><br>
            <textarea name="comentario" id="comentario" rows="4" cols="50"></textarea><br><br>
        
            <button type="submit">Enviar</button>
        </form>
    </body>
</html>

Explicación:

<form action=”procesar.php” method=”post”>: Define el formulario, especificando que los datos se enviarán al archivo “procesar.php” utilizando el método POST.
<input type=”text” name=”nombre”>: Crea un campo de entrada de texto para el nombre.
<textarea name=”comentario”>: Crea un área de texto para el comentario.
<button type=”submit”>Enviar</button>:: Crea un botón para enviar el formulario.

Procesamiento de datos del formulario en PHP:

En el archivo “procesar.php”, puedes acceder a los datos enviados por el formulario utilizando las variables superglobales $_POST (para el método POST) o $_GET (para el método GET).

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $nombre = $_POST["nombre"];
    $comentario = $_POST["comentario"];

    echo "Nombre: " . $nombre . "<br>";
    echo "Comentario: " . $comentario;
}
?>

Puntos clave: El atributo name en los elementos del formulario es crucial para acceder a los datos en PHP.

Siempre sanitiza y valida los datos del formulario para evitar vulnerabilidades de seguridad.
Elige el método GET o POST según el tipo de datos que estés enviando y las consideraciones de seguridad.

Comments

Como puedo aprender lo relacionado a PHP Y HTML.

sc.moises.moreno.c@upds.net.bo
Que es el DOM y como se puede manipular con javascript?

¿como puedo crear un sitio web de prueba?

Como hacer una pagina con gestion de usuarios(logica)

explique mas sobre variables y funciones de javascript

Me gustaria que pueda ampliar la explicación sobre los que otros usos se le puede dar o que otras funciones y si esto puede ser reemplazado por otra funcion como los bootstrap