Enviar datos de HTML A PHP por medio del FORM ACTION

Gómez Anaccimides

24 Aug 202017:22

Summary

TLDREn este video, el maestro de informática Óscar Bones explica cómo enviar datos desde un formulario HTML a un script PHP para procesarlos y obtener resultados, como en una calculadora web. El objetivo es enseñar a los estudiantes de 12º grado a crear una aplicación web en PHP, aprender a declarar y asignar variables, y trabajar con formularios de datos. Durante la lección, se detallan las mejores prácticas para separar el código HTML y PHP, y se muestra cómo programar de manera eficiente utilizando herramientas como Sublime Text y un servidor local para visualizar los resultados.

Takeaways

💻 El objetivo de la clase es aprender a enviar datos de un formulario HTML a PHP para procesar información.
📋 Los alumnos van a crear una aplicación web en PHP como parte de la lección.
👨‍🏫 En la clase anterior, se trabajó con operaciones matemáticas usando variables directas.
🔄 Se explicará cómo capturar datos ingresados por el usuario en cajas de texto y procesarlos para obtener un resultado.
📝 Se usará un formulario en HTML para capturar datos y enviarlos a PHP, que los procesará y devolverá el resultado.
📐 Es importante mantener HTML y PHP en archivos separados para evitar confusión y seguir buenas prácticas de programación.
🧮 El ejemplo en la clase será una calculadora que permitirá ingresar números, sumarlos y mostrar el resultado en una página web.
🔧 Se destaca la importancia de usar lenguajes como HTML, PHP, y CSS (que se usará más adelante para mejorar la estética).
📂 Los alumnos aprenderán a montar su proyecto en un servidor local usando WampServer para poder ejecutarlo correctamente.
🛠️ Se introducen algunas técnicas y atajos para escribir código más rápido, como el uso del tabulador para completar etiquetas en HTML.

Q & A

¿Cuál es el tema principal del video?
-El tema principal del video es cómo enviar datos de un formulario HTML a un archivo PHP para procesarlos y obtener un resultado, utilizando formularios y variables en PHP.
¿Qué se busca lograr en la clase con el uso de PHP?
-El objetivo es crear una aplicación web en PHP que permita enviar datos de un formulario HTML, procesarlos y devolver un resultado al usuario.
¿Por qué es importante separar el código HTML y PHP en archivos distintos?
-Es importante separar el código HTML y PHP en archivos distintos para mantener un orden adecuado y evitar confusión, siguiendo las mejores prácticas de programación.
¿Qué ejemplos prácticos se utilizan para enseñar el concepto en el video?
-Se utiliza el ejemplo de una calculadora que toma dos números ingresados en un formulario HTML, los envía a un archivo PHP para ser procesados y devuelve el resultado de la suma.
¿Qué función tiene el atributo 'action' en el formulario HTML?
-El atributo 'action' del formulario HTML especifica la página PHP a la que se enviarán los datos para ser procesados.
¿Qué papel juega la variable POST en PHP dentro del contexto del formulario?
-La variable POST en PHP se utiliza para capturar los datos enviados desde el formulario HTML y asignarlos a las variables dentro del código PHP para su procesamiento.
¿Por qué se menciona la importancia de no combinar HTML y PHP en un solo archivo?
-Se menciona que combinar HTML y PHP en un solo archivo puede causar confusión y dificultades al momento de programar, por lo que es mejor mantenerlos separados para facilitar el mantenimiento y la lectura del código.
¿Qué tipo de errores comunes se abordan en el video al programar en PHP?
-El video aborda errores comunes como olvidar el signo de dólar ($) en las variables PHP o no cerrar adecuadamente las etiquetas PHP, lo que impide que el código funcione correctamente.
¿Cómo se visualizan los resultados en la aplicación web creada?
-Los resultados de la suma se visualizan en una nueva página PHP, que muestra el resultado de la operación matemática realizada con los números ingresados en el formulario.
¿Qué herramientas y programas se utilizan en el video para desarrollar el proyecto?
-En el video se utilizan herramientas como Sublime Text para escribir el código y WampServer para montar el proyecto en un servidor local, además del navegador web para visualizar el resultado.

Outlines

00:00

💻 Introducción al envío de datos en formularios de HTML a PHP

El video comienza con una introducción al tema del día: el envío de datos desde formularios HTML hacia PHP. Se explica la importancia de procesar información en PHP, cómo declarar variables y asignarlas dentro de código PHP a partir de datos capturados en formularios HTML. Se menciona que en la clase anterior se vieron cálculos con variables directas y que ahora se trabajará con cajas de texto para capturar datos de los usuarios. El objetivo general es crear una aplicación web en PHP que permita realizar estas tareas.

05:03

📊 Estructura de la calculadora en HTML

Se presenta un ejemplo de calculadora creada en HTML, con cajas de texto organizadas dentro de una tabla y un botón para enviar los datos. El propósito es ingresar dos números y obtener el resultado de su suma en otra página. Se menciona que el contenido de la página cambia según los datos introducidos por el usuario, y se destaca la importancia de seguir pasos precisos para poner en marcha el servidor y crear las carpetas de trabajo en el entorno adecuado.

10:03

🔢 Creación de variables y estructura en PHP

Aquí se explica cómo se declaran las variables en HTML que luego se usarán en el código PHP para realizar la operación de suma. Se detallan los pasos para crear las cajas de texto y asignar nombres a las variables correspondientes. Se resalta el uso de técnicas como el tabulador para completar etiquetas en HTML y la importancia de cerrar correctamente las etiquetas para evitar errores. Finalmente, se guarda el archivo y se muestra cómo visualizar el formulario en el navegador.

15:07

⚙️ Creación del archivo PHP para procesar los datos

Se explica cómo crear el archivo PHP que procesará los datos del formulario HTML. Se describe el uso de la declaración de variables con el signo dólar en PHP y cómo se asignan a las variables del formulario HTML a través del método POST. Luego se crea una nueva variable que sumará los valores capturados por las cajas de texto, y se destaca la importancia de evitar errores comunes, como olvidar los signos necesarios para identificar variables en PHP. El proceso culmina con la visualización del resultado en pantalla.

Mindmap

Keywords

💡Formulario HTML

Un formulario HTML es un componente que permite a los usuarios ingresar datos, que luego pueden ser procesados por un servidor. En el video, se explica cómo se utilizan formularios HTML para capturar datos del usuario, como números para una calculadora, y luego enviar esos datos a un archivo PHP para su procesamiento.

💡PHP

PHP es un lenguaje de programación del lado del servidor utilizado para procesar datos y generar páginas web dinámicas. En el video, el maestro explica cómo los datos capturados en un formulario HTML son enviados a un archivo PHP, donde se declaran variables y se realiza el procesamiento para obtener resultados, como en el ejemplo de la calculadora.

💡Action

La propiedad 'action' en un formulario HTML define a qué archivo o URL se envían los datos del formulario cuando se envía. En el video, el 'action' se utiliza para enviar los datos de un formulario HTML al archivo 'sumar.php', que se encargará de procesar esos datos.

💡Variables

Las variables en PHP almacenan datos que se pueden usar en cálculos o procesamiento. El video menciona cómo las variables en PHP, como 'número1' y 'número2', reciben los valores ingresados en el formulario HTML y luego se procesan para realizar una operación, como una suma.

💡Sublime Text

Sublime Text es un editor de texto usado para escribir código. En el video, el maestro utiliza Sublime Text para escribir tanto el código HTML como PHP. Se enfatiza su importancia al momento de guardar archivos y trabajar con distintas extensiones, como '.html' y '.php'.

💡Servidor local

Un servidor local, como WampServer, permite ejecutar aplicaciones web localmente en el ordenador. En el video, el maestro utiliza un servidor local para montar su proyecto y ejecutar el archivo PHP, permitiendo que los estudiantes visualicen cómo funciona su aplicación web sin necesidad de un servidor en línea.

💡POST

El método POST se utiliza en formularios HTML para enviar datos al servidor de manera segura y sin mostrar la información en la URL. En el video, se usa el método POST para enviar los datos ingresados en el formulario, como los números para la calculadora, al archivo PHP para su procesamiento.

💡Calculadora

La calculadora es el ejemplo principal usado en el video para enseñar cómo los formularios HTML y PHP pueden trabajar juntos. Los usuarios ingresan números en las cajas de texto del formulario HTML, y al enviarlos, el archivo PHP realiza la suma de esos números y devuelve el resultado.

💡CSS

CSS es el lenguaje de estilos utilizado para mejorar la apariencia visual de las páginas web. Aunque el video no se enfoca en CSS, se menciona que en el futuro se incorporarán estilos CSS a la aplicación web para hacerla más atractiva, una parte importante en el diseño de sitios web completos.

💡Resultado

El 'resultado' en el contexto del video es el valor final obtenido después de procesar los datos del formulario HTML en PHP. En el ejemplo de la calculadora, el resultado es la suma de los números ingresados, que se muestra en una nueva página una vez que el archivo PHP ha hecho su trabajo.

Highlights

Introducción a cómo enviar datos desde formularios en HTML a PHP para procesar información.

Importancia de separar el código HTML y PHP para evitar confusiones y seguir buenas prácticas de programación.

Creación de una aplicación web en PHP cuyo objetivo es realizar operaciones matemáticas utilizando datos ingresados por el usuario.

Uso de variables en PHP para capturar datos desde formularios HTML utilizando el método POST.

En la clase anterior se enseñó cómo realizar cálculos matemáticos con variables directas en PHP.

Explicación detallada de cómo utilizar cajas de texto para capturar datos y procesarlos en PHP.

Proceso para inicializar el servidor local (WAMP Server) y configurar el entorno de desarrollo.

Diferencias entre mantener el código HTML y PHP juntos versus separados para una mejor organización.

Paso a paso para crear una calculadora en HTML que envía datos a un archivo PHP para sumar dos números.

Uso de Sublime Text para escribir y guardar archivos HTML y PHP, destacando técnicas para ahorrar tiempo con el uso del tabulador.

Cómo declarar y usar variables en PHP basadas en los inputs del formulario HTML.

Descripción detallada de la estructura del código HTML para la calculadora, incluyendo el uso de tablas y botones para enviar datos.

Procedimiento para almacenar los archivos del proyecto en la carpeta del servidor local (WAMP Server) y ejecutarlo en el navegador.

Demostración de cómo corregir errores comunes en el código PHP, como la falta del símbolo de dólar en las variables.

Ejemplos prácticos de cómo la calculadora suma correctamente los valores ingresados por el usuario y muestra el resultado en la página PHP.